web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2024-12-16 11:37:29 +02:00
Code Releases Activity

Up-Front Plugin Config

Browse Source 
Create an example of making a dynamic video element and loading a plugin. Add that example to the tutorial.
This commit is contained in:
David LaPalomento 2013-02-11 10:16:08 -05:00 committed by Steve Heffernan
parent d21df1bc12
commit 9fed9241d0
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/plugins.md
View File

@ -26,6 +26,13 @@ Step 3: Using A Plugin
---------------------- ----------------------
There are two ways to initialize a plugin. If you're creating your video tag dynamically, you can specify the plugins you'd like to initialize with it and any options you want to pass to them: There are two ways to initialize a plugin. If you're creating your video tag dynamically, you can specify the plugins you'd like to initialize with it and any options you want to pass to them:
vjs('vidId', {
plugins: {
examplePlugin: {
exampleOption: true
}
}
});
If you've already initialized your video tag, you can activate a plugin at any time by calling its setup function directly: If you've already initialized your video tag, you can activate a plugin at any time by calling its setup function directly:

19
sandbox/plugin.html.example
View File

@ -50,7 +50,7 @@
<script> <script>
(function() { (function() {
var video, progressed; var vid1, vidtag, vid2, progressed;
// create a really simple plugin // create a really simple plugin
// this one just logs the buffered percentage to the console whenever // this one just logs the buffered percentage to the console whenever
@ -65,8 +65,21 @@
vjs.plugin('progressed', progressed); vjs.plugin('progressed', progressed);
// initialize it // initialize it
video = vjs('vid1'); vid1 = vjs('vid1');
video.progressed(); vid1.progressed();
// create a new video and simultaneously initialize a plugin
vidtag = document.createElement('video');
vidtag.src = 'http://video-js.zencoder.com/oceans-clip.mp4';
vidtag.setAttribute('controls');
vidtag.setAttribute('class','video-js vjs-default-skin');
vidtag.id = 'vid2';
document.body.appendChild(vidtag);
vid2 = vjs('vid2', {
plugins: {
progressed: {}
}
});
})(); })();
</script> </script>