测试

mTest/room/liveRoom.html

@@ -695,20 +695,36 @@ $(function(){
                     $(".sound-btn").attr("src","images/sound-yes.png")
                     $(".gift-btn").attr("src","images/gift-btn.png")
                     $(".video-box video").prop("muted",false)
-                    html+='<video id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="height:100%;object-fit:fill;position:absolute;z-index: 10"  poster="" src="'+data.pullFlowUrlHLS+'"></video>'
+
+                    html+='<video id="myVideo" class="video-js" autoplay preload="auto" poster="">';
+                    html+='<source src="'+data.pullFlowUrlHLS+'" type="rtmp/flv">';
+                    html+='</video>';
+                    // html+='<video id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="height:100%;object-fit:fill;position:absolute;z-index: 10"  poster="" src="'+data.pullFlowUrlHLS+'"></video>'
                 }else{
-                    html+='<video id="myVideo" class="video-js" controls preload="auto" poster="" data-setup="{}">';
+                    html+='<video id="myVideo" class="video-js" autoplay preload="auto" poster="" >';
                     html+='<source src="'+data.pullFlowUrlHLS+'" type="rtmp/flv">';
                     html+='</video>';
 
                     // html+='<video muted id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="height:100%;object-fit:fill;position:absolute;z-index: 10"  poster="" src="'+data.pullFlowUrlHLS+'"></video>'
                 }
             }else{
-                html+='<video muted id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="height:100%;object-fit:fill;position:absolute;z-index: 10"  poster="" src="'+data.pullFlowUrlHLS+'"></video>'
+                html+='<video id="myVideo" class="video-js" autoplay preload="auto" poster="" >';
+                html+='<source src="'+data.pullFlowUrlHLS+'" type="rtmp/flv">';
+                html+='</video>';
+                // html+='<video muted id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="height:100%;object-fit:fill;position:absolute;z-index: 10"  poster="" src="'+data.pullFlowUrlHLS+'"></video>'
             }
 
 
             $(".video-box").html(html)
+            let options = {};
+            let player = videojs('myVideo', options, function onPlayerReady() {
+              videojs.log('播放器准备好了!');
+             // In this context, `this` is the player that was created by Video.js.
+              this.play();
+             this.on('ended', function() {
+                videojs.log('播放结束!');
+              });
+            });
             $("#myVideo").on("canplay",function(){
                 setTimeout(function() {
                     clearInterval(loadT)