Socket
Socket
Sign inDemoInstall

react-videojs-wrapper

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-videojs-wrapper - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

2

package.json
{
"name": "react-videojs-wrapper",
"version": "1.0.7",
"version": "1.0.8",
"description": "React wrapper for VideoJS",

@@ -5,0 +5,0 @@ "homepage": "https://github.com/steven-ph/react-videojs-wrapper#readme",

@@ -34,3 +34,7 @@ import React, { Component } from 'react';

const playerOptions = this.generatePlayerOptions(props);
this.player = videojs(this.videoNode, playerOptions);
this.player = videojs(
// document.querySelector(`#${this.playerId}`),
this.videoNode,
playerOptions
);
this.player.controlBar.addChild('QualitySelector');

@@ -78,3 +82,3 @@ this.player.src(props.src);

props.onReady(this.player);
window.player = this.player;
// window.player = this.player;
});

@@ -113,10 +117,12 @@ this.player.on('play', () => {

return (
<div data-vjs-player>
<video
id={this.playerId}
ref={node => (this.videoNode = node)}
className={`video-js ${
this.props.bigPlayButtonCentered ? 'vjs-big-play-centered' : ''
} ${this.props.className}`}
/>
<div>
<div data-vjs-player>
<video
id={this.playerId}
ref={node => (this.videoNode = node)}
className={`video-js ${
this.props.bigPlayButtonCentered ? 'vjs-big-play-centered' : ''
} ${this.props.className}`}
/>
</div>
</div>

@@ -123,0 +129,0 @@ );

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc