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

时间:2015-01-14 16:38:13

标签: javascript html5 video

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

<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文件格式的第二个视频,以便大多数浏览器可以播放视频。

1 个答案:

答案 0 :(得分:0)

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

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

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

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