Javascript 在html5视频播放器中连续播放视频

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

<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>

< P类=“VJS No.JS”>查看此视频请启用JavaScript，并考虑升级到支持HTML5视频
的Web浏览器
videoPlayer=document.getElementById（“示例视频1”）；
函数运行（）{
var nextVideo=“video2.mp4”；
videoPlayer.src=nextVideo；
videoPlayer.play=自动播放；
videoPlayer.controls=控件；
};

这在chrome中运行良好，但当我在firefox中播放时，第二个视频（video2.mp4）不会播放，因为firefox不支持mp4格式。因此，是否有任何流程可以将第二个视频设置为mp4、webm和ogg文件格式，以便大多数浏览器都可以播放该视频。

您的上一个源代码是错误的。您编写了两种不同的格式。ogg用于音频。您需要建立文件所在的文件夹名。这样，您需要将HTML5/CSS3文件放在单独文件夹中文件夹的旁边。这是正确的代码：

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

---

***我对您的脚本一无所知，因为我对JavaScript或JQuery一无所知。希望这是有用的！抱歉：（

您是否尝试检查了

videoPlayer.src

以找出它当前正在播放的三个源中的哪一个？可能是重复的