第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

javascript 不是用 setTimeout 執(zhí)行的,而是用按鈕單擊事件執(zhí)行的

javascript 不是用 setTimeout 執(zhí)行的,而是用按鈕單擊事件執(zhí)行的

慕無忌1623718 2021-06-17 10:29:00
我試圖在網(wǎng)頁中查看來自 IP 攝像機(jī)的視頻流,當(dāng)可以播放該流時,我希望它自動啟動。嘗試使用計(jì)時器執(zhí)行此操作,嘗試播放,如果失敗,請重試。計(jì)時器(超時)似乎不會這樣做,但是如果我使用按鈕執(zhí)行腳本,它會這樣做。我錯過了什么?請參閱下面的代碼。我注釋掉了 setTimeout 函數(shù),以使按鈕工作。    <!DOCTYPE html>    <html>    <body>    <script  type="text/javascript">    function playVid() {    var videoElem = document.getElementById("IPcamerastream");     var playPromise = videoElem.play();    // In browsers that don’t yet support this functionality playPromise won’t be defined.    if (playPromise !== undefined) {       playPromise.then(function() {         // Automatic playback started!         videoElem.controls = true;          }).catch(function(error) {          // Automatic playback failed.    //      setTimeout(playVid, 1000);          });       }    }    //setTimeout(playVid, 1000);    </script>    <button onclick="playVid()" type="button">Play Video</button><BR>    <video id="IPcamerastream" src="http://192.168.2.8:8080" width="960" height="540"></video>    </body>    </html>
查看完整描述

3 回答

?
狐的傳說

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個贊

將您的腳本移到 video 元素下方,您根本不需要超時,因?yàn)樵趫?zhí)行腳本時該元素已經(jīng)被初始化。所以document.getElementById應(yīng)該立即解析元素。

使用計(jì)時器會引入競爭條件。如果有的話,您應(yīng)該為DOMContentLoaded事件添加一個偵聽器。


查看完整回答
反對 回復(fù) 2021-06-18
?
隔江千里

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超10個贊

這是一個格式良好的問題,但目標(biāo)瀏覽器信息也可以幫助您解決問題。請考慮將來添加它!


至于您的問題,您告訴我們您希望視頻自動播放,我假設(shè)在頁面加載時?


我還刪除了重復(fù)的源粘貼。


在這種情況下,您只能playVid()從出錯的承諾中調(diào)用。初始調(diào)用綁定到按鈕單擊事件。


簡而言之,只有單擊按鈕才會啟動該playVid()功能。


您需要為 DOM 就緒添加一個事件偵聽器并playVid()在其中調(diào)用。否則,它只會在您單擊按鈕時被調(diào)用!



document.addEventListener('DOMContentLoaded', (event) => {

    //the event occurred

    playVid();

});


您還可以在視頻標(biāo)簽中使用自動播放 HTML 選項(xiàng)。 lang-html

 <video {...} autoplay />


查看完整回答
反對 回復(fù) 2021-06-18
  • 3 回答
  • 0 關(guān)注
  • 162 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號