時々、私たちは、解析された放送用インタフェース、ビデオ再生の使用を呼び出す必要がありますが、開始、一時停止した後、ライブ映像が自動的に更新、それが中断される前の時点から再生を開始していきません。
ここに私の解決策のコードがあり、私の兄弟、以下を参照してください。
1 <！DOCTYPE HTML > 2 < HTML > 3 < ヘッド> 4 < メタのcharset = "UTF-8" > 5 < メタ名= "ビューポート" コンテンツ= "幅=デバイス幅、初期スケール= 1、最小スケール= 1最大スケール= 1、ユーザスケーラブル= NO」 /> 6 < タイトル> </ タイトル> 7 < スクリプトSRC = "JS / mui.min.js" > </ スクリプト> 8 <REL = "スタイルシート" /> 9 < スクリプトタイプ= "テキスト/ javascriptの" 文字セット= "UTF-8" > 10 mui.init（）。 11 </ スクリプト> 12 </ ヘッド> 13 < 本体> 14 < DIV クラス= "MUIコンテンツ" スタイル= "背景色：＃000000;" > 15 < ビデオontimeupdate = "MyFunctionを（）" 幅= "100％" 高さ= "オート"= "/ hyData / weixinPages /画像/ビデオimg.png" 16の コントロール=コントロール 17 X5-playsinline = "" 18 のWebKit-playsinline = "真" 19 playsinline = "真" > 20 < ソースSRC = "HTTP：/ 「/tx.hls.huya.com/huyalive/93779849-93779849-402781384478818304-142748044-10057-A-0-1.m3u8?wsSecret=c35b2cf6ea8d4e423f1f4337bad6f3b6&wsTime=4ce2430d > 21 </ ビデオ> 22 </ divの> 23 </ ボディ> 24 <スクリプト> 25 フラグに= falseに、 26である VAR VID = のdocument.getElementById（" videoPlay1 " ）; 27 にconsole.log（VID）; 28 関数MyFunctionを（）{ 29 // の現在の再生時間を取得 30 // はconsole.log（vid.currentTime）を、 31である // FALSE TRUEプレーヤにはクリック休止クリック 32 // にconsole.log（vid.paused）; 33である IF （vid.paused）{ 34がある にconsole.log（" 中断している" ）; 35 / * ここではいくつかあります特に複雑な関数* / 36 VAR T2は= window.setInterval（関数（）{ 37 [ IF （！Vid.paused）{ 38であり ; vid.load（） 39 vid.playを（）; 40 window.clearInterval（T2）; // タイマー除去 41はであり、 コンソール.logの（" 再起動再生ビデオ" ）; 42である } 43で はconsole.log（" スケジュールされたタスクを実行している" ）; 44 } 100 ）; 45 } 46 }。 47 </ スクリプト> 48 </ HTML >