怎樣實(shí)現(xiàn) html5 多個(gè)視頻在同一個(gè)標(biāo)簽上播放？

new個(gè)video，指定播放列表的第一個(gè)視頻路徑為src。監(jiān)聽end事件，回調(diào)里面把video的src改成列表的下一個(gè)，再play

創(chuàng)新互聯(lián)建站長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為東興企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)，東興網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

代碼示例：

var?vList?=?['視頻地址url1',?'url2',?'...'];?//?初始化播放列表

var?vLen?=?vList.length;?//?播放列表的長度

var?curr?=?0;?//?當(dāng)前播放的視頻

var?video?=?new?Video();

video.addEventListener('end',?play);

play();

function?play(e)?{

video.src?=?vList[curr];

video.load();?//?如果短的話，可以加載完成之后再播放，監(jiān)聽?canplaythrough?事件即可

video.play();

curr++;

if?(curr?=?vLen)?curr?=?0;?//?播放完了，重新播放

}

可以實(shí)現(xiàn)html5 播放多個(gè)視頻。一個(gè)接一個(gè)的播放

html5 怎么點(diǎn)一個(gè)按鈕,播放一個(gè)相應(yīng)的視頻

【方法步驟】：

首先下載video.js，百度一下就能找到；

這個(gè)是下載后的目錄；

先把要用到的js\css\swf都加載到html頁面上。如：

link href="video-js/video-js.css" rel="stylesheet" type="text/css"

script src="video-js/video.js"/script

script

videojs.options.flash.swf = "video-js/video-js.swf";

/script

加入下面的代碼：

video id="my_video_1" class="video-js vjs-default-skin" controls?? ?preload="auto"width="640"height="480"poster="video-js/my_video_poster.png"?? ?data-setup="{}" ? ? ?? source src="Wildlife.mp4" type='video/mp4' ? ?? /video

只要記住：修改width="640" height="480"來改變視頻顯示大小，修改src="Wildlife.mp4"來改變要顯示的視頻；

然后打開html文件查看效果吧，它有暫停、音量控制、全屏等功能，還有好多其他功能，比如字幕等，這個(gè)以后再寫。

【注意事項(xiàng)】：

如果是IE瀏覽器就將視頻替換為傳統(tǒng)的以FLASH形式播放；

解決IE不能播放的問題很簡單。加入：scriptif (navigator.userAgent.indexOf('MSIE') = 0){ document.getElementById("videoDiv").innerHTML='embed src="Wildlife.mp4" autostart="true" loop="true" width="640" height="480" '; } /script；

在信息量越來越大的今天，越來越多的網(wǎng)站重視數(shù)據(jù)信息的多樣化與個(gè)性化，隨著多媒體技術(shù)逐漸發(fā)展提高，在線展示視頻、音頻、PPT、圖表等技術(shù)也越來越多地應(yīng)用到了各行各業(yè)中，無論是企業(yè)還是個(gè)人，都在改變著自己的網(wǎng)站風(fēng)格。

html5 視頻播放器，帶有播放列表的怎么做？

需要用js去控制

先把列表用html生成出來，再用腳本去控制點(diǎn)擊列表的時(shí)候播放

可以參考