- a boolean flag that tells the plugin.Defaults to the default Media Receiver ID. - the string ID of a custom Chromecast receiverĪpp to use.chromecast ( ) // initializes the Chromecast plugin Configuration options Plugin configuration getElementById ( 'myVideoElement' ) ) player. The constructor function exported by the module. If requiring this plugin via NPM, any desired initialization options can be supplied to Providing initialization options via require() Tl dr: if you use jQuery, you should use the preloadWebComponents: true option in However if you must use this tag elsewhere, you should Note: There is a caveat to using the preloadWebComponents setting.īecause the Chromecast plugin uses the shadow DOM to create theĬomponent may partly render, but it will not be functional. Then include the Chromecastįramework after this plugin as you normally would. Should make sure that this plugin is loaded before jQuery. If you use the preloadWebComponents: true option, you Include the shadow DOM polyfills, but still provides the registerElement polyfill that The polyfill is needed and (2) using the webcomponents-lite.js version as it does not Problems by (1) making this plugin add the webcomponents polyfill synchronously when Setting preloadWebComponents to true will "fix" these 2 JQuery's fix for bubbling some events to document (e.g. Also, including webcomponents.js anywhere on the page will break Webcomponents.js polyfill via a dynamically created tag. Unfortunately, the Chromecast framework loads the If you are using jQuery, this polyfill must be loaded and initialized before Order to create the custom component (which is not used by this Webcomponents.js polyfill when a browser does not have document.registerElement in PreloadWebComponents (default: false) - The Chromecast framework relies on the The plugin's built javascript file expects there to be a reference to Video.jsĪt js and will throw an error if it does not exist. javascript file in your HTML after loading Note: when adding the plugin's javascript to your web page, include the Follow the steps in the "Configuration" section below.Relative to where the plugin's CSS is located. Ensure that the images in the dist/images folder are accessible at.Copy the plugin's files from the dist folder into your project as needed.Run grunt build to build and copy the javascript, CSS and image files to the.
MOBILE VIDEO PLAYER WITH CHROMECAST INSTALL
Running npm install from within the videojs-chromecast folder.
Using npm install Ensure that devDependencies are installed by
0 kommentar(er)
