在html5视频播放器中一个接一个地播放视频答案

【问题标题】：Playing videos one after another in html5 video player在html5视频播放器中一个接一个地播放视频
【发布时间】：2015-01-14 16:38:13
【问题描述】：

我想在另一个视频之后播放一个视频，所以我使用此代码

<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文件格式，这样大部分浏览器都可以播放视频了。

【问题讨论】：

您是否尝试检查videoPlayer.src 以找出它当前正在播放的三个来源中的哪一个？
HTML5 Video - Change multiple sources 的可能重复项

标签： javascript html video

【解决方案1】：

您的最后一个来源<source src="intro.ogv" type='video/ogg' /> 是错误的。您编写了两种不同格式的 .ogg 用于音频。并且您需要建立文件所在的文件夹名称。这样，您需要将 HTML5/CSS3 文件放在文件夹旁边的单独文件夹中。这是正确的代码：

<source src="foldername/intro.ogv" type='video/ogv' />

除此之外，您的代码状况良好。

***我对你的脚本一无所知，因为我对 JavaScript 或 JQuery 一无所知。希望这很有用！对不起:(

【讨论】：