web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2024-12-27 02:43:45 +02:00
Code Releases Activity

chore(sandbox): update embeds media to use public url (#7530)

Browse Source
This commit is contained in:
Gary Katsevman 2021-11-16 12:20:01 -05:00 committed by GitHub
parent 115a04745f
commit 8f580ccc81
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
sandbox/embeds.html.example
View File

@ -42,16 +42,16 @@
<p>js setup with source element</p> <p>js setup with source element</p>
<p>video-js embed", source element</p> <p>video-js embed", source element</p>
<video-js id="vid01" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png"> <video-js id="vid01" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png">
<source src="./oceans.mp4" type='video/mp4'> <source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
</video-js> </video-js>
<p>Video embed, source element</p> <p>Video embed, source element</p>
<video id="vid11" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png"> <video id="vid11" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png">
<source src="./oceans.mp4" type='video/mp4'> <source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
</video> </video>
<p>injested div el, source element</p> <p>injested div el, source element</p>
<div data-vjs-player> <div data-vjs-player>
<video id="vid21" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png"> <video id="vid21" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png">
<source src="./oceans.mp4" type='video/mp4'> <source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
</video> </video>
</div> </div>
</div> </div>
@ -87,30 +87,30 @@
<p>data-setup with sourrce elements</p> <p>data-setup with sourrce elements</p>
<p>video-js embed", source element</p> <p>video-js embed", source element</p>
<video-js id="vid03" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup="{}"> <video-js id="vid03" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup="{}">
<source src="./oceans.mp4" type='video/mp4'> <source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
</video-js> </video-js>
<p>Video embed, source element</p> <p>Video embed, source element</p>
<video id="vid13" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup="{}"> <video id="vid13" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup="{}">
<source src="./oceans.mp4" type='video/mp4'> <source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
</video> </video>
<p>injested div el, source element</p> <p>injested div el, source element</p>
<div data-vjs-player> <div data-vjs-player>
<video id="vid23" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup="{}"> <video id="vid23" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup="{}">
<source src="./oceans.mp4" type='video/mp4'> <source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
</video> </video>
</div> </div>
</div> </div>
<div class="panel options-src data-setup"> <div class="panel options-src data-setup">
<p>data-setup embeds with sources options</p> <p>data-setup embeds with sources options</p>
<p>video-js embed", source element</p> <p>video-js embed", source element</p>
<video-js id="vid04" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup='{"sources": [{"src":"./oceans.mp4", "type":"video/mp4"}]}'> <video-js id="vid04" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup='{"sources": [{"src":"https://vjs.zencdn.net/v/oceans.mp4", "type":"video/mp4"}]}'>
</video-js> </video-js>
<p>Video embed, source element</p> <p>Video embed, source element</p>
<video id="vid14" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup='{"sources": [{"src":"./oceans.mp4", "type":"video/mp4"}]}'> <video id="vid14" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup='{"sources": [{"src":"https://vjs.zencdn.net/v/oceans.mp4", "type":"video/mp4"}]}'>
</video> </video>
<p>injested div el, source element</p> <p>injested div el, source element</p>
<div data-vjs-player> <div data-vjs-player>
<video id="vid24" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup='{"sources": [{"src":"./oceans.mp4", "type":"video/mp4"}]}'> <video id="vid24" class="video-js" controls poster="//vjs.zencdn.net/v/oceans.png" data-setup='{"sources": [{"src":"https://vjs.zencdn.net/v/oceans.mp4", "type":"video/mp4"}]}'>
</video> </video>
</div> </div>
</div> </div>
@ -136,19 +136,19 @@
var player01 = videojs('vid02'); var player01 = videojs('vid02');
var player11 = videojs('vid12'); var player11 = videojs('vid12');
var player21 = videojs('vid22'); var player21 = videojs('vid22');
var player05 = videojs('vid05', {sources: [{src:'./oceans.mp4',type:'video/mp4'}]}); var player05 = videojs('vid05', {sources: [{src:'https://vjs.zencdn.net/v/oceans.mp4',type:'video/mp4'}]});
var player15 = videojs('vid15', {sources: [{src:'./oceans.mp4',type:'video/mp4'}]}); var player15 = videojs('vid15', {sources: [{src:'https://vjs.zencdn.net/v/oceans.mp4',type:'video/mp4'}]});
var player25 = videojs('vid25', {sources: [{src:'./oceans.mp4',type:'video/mp4'}]}); var player25 = videojs('vid25', {sources: [{src:'https://vjs.zencdn.net/v/oceans.mp4',type:'video/mp4'}]});
player01.src({src:'./oceans.mp4', type:'video/mp4'}); player01.src({src:'https://vjs.zencdn.net/v/oceans.mp4', type:'video/mp4'});
player11.src({src:'./oceans.mp4', type:'video/mp4'}); player11.src({src:'https://vjs.zencdn.net/v/oceans.mp4', type:'video/mp4'});
player21.src({src:'./oceans.mp4', type:'video/mp4'}); player21.src({src:'https://vjs.zencdn.net/v/oceans.mp4', type:'video/mp4'});
player01.poster('//vjs.zencdn.net/v/oceans.png'); player01.poster('//vjs.zencdn.net/v/oceans.png');
player11.poster('//vjs.zencdn.net/v/oceans.png'); player11.poster('//vjs.zencdn.net/v/oceans.png');
player21.poster('//vjs.zencdn.net/v/oceans.png'); player21.poster('//vjs.zencdn.net/v/oceans.png');
setTimeout(function() { setTimeout(function() {
videojs.players.vid06 && videojs.players.vid06.src({src:'./oceans.mp4', type:'video/mp4'}); videojs.players.vid06 && videojs.players.vid06.src({src:'https://vjs.zencdn.net/v/oceans.mp4', type:'video/mp4'});
videojs.players.vid16 && videojs.players.vid16.src({src:'./oceans.mp4', type:'video/mp4'}); videojs.players.vid16 && videojs.players.vid16.src({src:'https://vjs.zencdn.net/v/oceans.mp4', type:'video/mp4'});
videojs.players.vid26 && videojs.players.vid26.src({src:'./oceans.mp4', type:'video/mp4'}); videojs.players.vid26 && videojs.players.vid26.src({src:'https://vjs.zencdn.net/v/oceans.mp4', type:'video/mp4'});
}); });
</script> </script>
</body> </body>