测试

mTest/room/css/liveRoom.css

@@ -1614,6 +1614,24 @@
   top: 0;
   left: 0;
 }
+.room-content-loading .mc-tv {
+  width: 3rem;
+  top: 50%;
+  left: 50%;
+  position: absolute;
+  margin-left: -1.5rem;
+  margin-top: -3rem;
+}
+.room-content-loading > p {
+  position: absolute;
+  width: 10rem;
+  text-align: center;
+  font-size: 0.4rem;
+  color: #fff;
+  top: 50%;
+  left: 50%;
+  margin-left: -5rem;
+}
 .room-content-loading .loading-icon {
   position: absolute;
   width: 2.66rem;

mTest/room/css/liveRoom.less

@@ -1666,6 +1666,24 @@
     background: rgba(0,0,0,0.3);
     top: 0;
     left: 0;
+    .mc-tv{
+        width: 3rem;
+        top: 50%;
+        left: 50%;
+        position: absolute;
+        margin-left: -1.5rem;
+        margin-top: -3rem;
+    }
+    >p{
+        position: absolute;
+        width: 10rem;
+        text-align: center;
+        font-size: 0.4rem;
+        color: #fff;
+        top: 50%;
+        left: 50%;
+        margin-left: -5rem;
+    }
     .loading-icon{
         position: absolute;
         width: 2.66rem;
@@ -1698,4 +1716,4 @@
     margin-left: -1rem;
     margin-top: -1rem;
     z-index: 500;
-}
\ No newline at end of file
+}

mTest/room/liveRoom.html

@@ -32,7 +32,7 @@
     <script src="../lib/fsize.js"></script>
     <link rel="stylesheet" href="../css/base.css">
     <link rel="stylesheet" href="../css/layer.css">
-    <link rel="stylesheet" href="css/liveRoom.css?v=2022112211">
+    <link rel="stylesheet" href="css/liveRoom.css?v=2022112213">
     <link rel="stylesheet" href="../css/login.css?v=2022111808">
     <script src="https://accounts.google.com/gsi/client" async defer></script>
     <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
@@ -726,12 +726,15 @@ $(function(){
      
             // flvPlay(data.pullFlowUrl)
             $("#myVideo").on("error",function(e){
-                $(".play-icon").show()
-                $(".play-icon").unbind("click",function(){
-                    var myVideoEle=document.getElementById('myVideo')
-                    myVideoEle.play()
-                    $(".play-icon").fadeOut(200)
-                })
+                clearInterval(iosT)
+                var html=[];
+                html+='<img class="mc-tv" src="images/mc-tv.png">'
+                html+='<p>主播暫停，馬上回來</p>'
+                $(".room-content-loading").html(html)
+                $(".room-content-loading").fadeIn(100)
+                $(".loading-face").fadeIn(100)
+                clearInterval(loadT)
+                $(".video-box").hide()
             })
 
             $("#myVideo").on("canplay",function(){
@@ -1827,8 +1830,16 @@ $(function(){
                     if(list.content.state==1){
                         //console.log("暂停直播")
                         layer.msg("主播暂停了直播")
-                        document.getElementById('myVideo').pause();
-                        
+                        var myVideo=document.getElementById('myVideo')
+                        myVideo.pause();
+                        var html=[];
+                        html+='<img class="mc-tv" src="images/mc-tv.png">'
+                        html+='<p>主播暫停，馬上回來</p>'
+                        $(".room-content-loading").html(html)
+                        $(".room-content-loading").fadeIn(100)
+                        $(".loading-face").fadeIn(100)
+                        clearInterval(loadT)
+                        $(".video-box").hide()
                     }
                     if(list.content.state==2){
                         //console.log("下播")