具體代碼如下所述:
$(data).each(function(i, item) {      // innerHTML += '<li type-id="'+item.id+'">'+      //       '<img src="'+(item.imgs?item.imgs:'../../img/videoBg1.jpg')+'"      //       '<p>'+item.name+'</p>'+      //       '</li>';      innerHTML += '<li type-id="' + item.id + '">' +        // '<img src="'+(item.imgs?item.imgs:'../../img/videoBg1.jpg')+'"        '<video style="width:100%;height:100%;" id="example_video_' + item.id + '" class="videoClass video-js vjs-default-skin vjs-big-play-centered" autoplay="autoplay" controls muted><source src="' + item.hls + '" type="application/x-mpegURL">' +        '</video>' +        '<p>' + item.name + '</p>' +        '</li>';      //視頻實(shí)時(shí)播放      setTimeout(function() {        var myPlayer = videojs('example_video_' + item.id);        videojs('example_video_' + item.id).ready(function() {          var myPlayer = this;          myPlayer.play();        });      }, 5000);    });引入video.css 和video.js 為前提
調(diào)用主要是
setTimeout(function() {        var myPlayer = videojs('example_video_' + item.id);        videojs('example_video_' + item.id).ready(function() {          var myPlayer = this;          myPlayer.play();        });      }, 5000);需要做個(gè)延時(shí),避免加載失敗
總結(jié)
以上所述是小編給大家介紹的video.js 一個(gè)頁(yè)面同時(shí)播放多個(gè)視頻的實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
| 
 
 | 
新聞熱點(diǎn)
疑難解答