播放視頻相繼在HTML5視頻播放器

我想陸續視頻播放的視頻，所以我用這個代碼播放視頻相繼在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>

這個工作在鉻罰款，但是當我在Firefox玩這個第二視頻（視頻2 .mp4）不能播放，因爲Firefox不支持mp4格式。那麼是否有任何過程來設置mp4，webm和ogg文件格式的第二個視頻，以便大多數瀏覽器都可以播放視頻。

來源

2015-01-14 ayan

您是否嘗試過檢查'videoPlayer.src'以找出它正在播放的三個來源中的哪一個？ – Philipp

可能的重複[HTML5 Video - Change multiple sources]（http://stackoverflow.com/questions/5703203/HTML5視頻 - 變化 - 多源） – melancia

您上一個來源<source src="intro.ogv" type='video/ogg' />錯了。你寫了兩種不同的格式.ogg是用於音頻的。並且您需要建立文件所在的文件夾名稱。使用此名稱，您需要將HTML5/CSS3文件放在文件夾旁邊的單獨文件夾中。這是正確的代碼：

比你的代碼是在偉大的形狀

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

其他。

***我對你的腳本一無所知，因爲我對JavaScript或JQuery一無所知。希望這是有用的！對不起：（

來源

2015-01-18 18:01:57 coder22

回答

相關問題