我有一個如下所示的對象:<object data="black.html" width="100%" class="vidlink vid1link"></object>然后我使用以下代碼加載 youtube 視頻:$(".vid1link").attr("data", "https://www.youtube.com/embed/MhKxm_G6FRw?autoplay=1");這很好用。但后來我希望用戶“關閉視頻”。以下代碼觸發數據屬性變為黑頁:$(".vid1link").attr('data', 'black.html');這在 Firefox 和 IE/Edge 上運行良好。但在 chrome 上,視頻繼續播放。我檢查了控制臺中的元素,它成功地用 black.html 替換了數據,但它仍然繼續播放視頻,如前所述,僅在 Chrome 中。這是一個已知的錯誤還是正常的 chrome 行為?非常感謝編輯:現在我通過向 youtube 視頻發送暫停請求找到了解決方法:將以下內容添加到 youtube 鏈接:enablejsapi=1this.contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*')雖然 - 如果頁面上有多個視頻,這似乎不起作用。
Javascript/jQuery - 更改對象數據屬性不會停止在 Chrome 中播放視頻
森欄
2023-03-18 17:56:01