在html5视频播放器中一个接一个地播放视频
Playing videos one after another in html5 video player
我想在另一个视频之后播放一个视频,所以我使用这个代码
<video id="example_video_1" autoplay controls="none" width="640" height="300" poster="vlcsnap-2015-01-10-20h41m11s114.png" onended="run()">
<source src="intro.mp4" type='video/mp4' />
<source src="intro.webm" type='video/webm' />
<source src="intro.ogv" type='video/ogg' />
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p>
</video>
<script>
videoPlayer = document.getElementById("example_video_1");
function run(){
var nextVideo = "video2.mp4";
videoPlayer.src = nextVideo;
videoPlayer.play=autoplay;
videoPlayer.controls=controls;
};
</script>
这在 chrome 中工作正常,但是当我在 Firefox 中播放时,第二个视频 (video2.mp4) 剂量无法播放,因为 Firefox 剂量不支持 mp4 格式。那么是否有任何过程可以将第二个视频设置为mp4,webm和ogg文件格式,以便大多数浏览器都可以播放视频。
你的最后一个来源<source src="intro.ogv" type='video/ogg' />
是错误的。您编写了两种不同的格式.ogg用于音频。并且您需要建立文件所在的文件夹名称。有了这个,您需要将HTML5/CSS3文件放在一个单独的文件夹中的文件夹旁边。这是正确的代码:
<source src="foldername/intro.ogv" type='video/ogv' />
除此之外,您的代码状况良好。
我对你的脚本一无所知,因为我对JavaScript或JQuery一无所知。希望这很有用!对不起:(
相关文章:
- jQuery:在for循环中运行youtube视频,播放最后一个视频
- HTML5 视频在开始播放另一个视频时暂停使用 Javascript
- 在 html 页面上一次播放一个视频
- 我希望我的视频在点击时更改为另一个视频,我该怎么做
- 数组中的第一个视频始终是第一个或第二个在下一个视频功能上播放
- 在“结束”上播放数组中的下一个视频
- 当我使用 JavaScript 动态加载下一个视频时出现黑屏
- Javascript下一个视频函数
- 当我的当前视频使用java脚本完成时,我如何播放下一个视频
- 使用JQuery或Javascript在IFrame中用另一个视频替换视频
- 随机HMTL5视频阵列只播放一个视频
- Youtube API查询;从提要中排除一个视频
- 让 YouTube API 在第一个视频结束时自动开始播放另一个视频
- jQuery播放下一个视频上的滚动
- 使用Javascript下载一个视频
- 当使用Youtube IFrame API时,getPlaylist返回一个只有一个视频的数组
- 当一个视频被选中时隐藏所有视频
- HTML自动播放一个视频然后循环另一个
- HTML5视频如何在一个视频元素中播放两个视频
- 我如何跟进一个视频闪屏页面在HTML与一个按钮