嵌入式YouTube視頻開始時如何阻止音樂？

Question

我有一個HTML網站，音樂開始輸入，但我希望當用戶點擊播放嵌入到我的網站上的YouTube視頻時，它會停止。所以它會使背景音樂和視頻音樂無法播放同時運行，因爲這很煩人。

任何想法如何做到這一點？或者是否有解決這個問題的辦法？

Answer 1

檢測使用JavaScript播放器的狀態改變（onStateChange事件）：https://developers.google.com/youtube/js_api_reference#Events

如果視頻是使用iframe（如註釋所示）看到Guide for YouTube iframe embeds裝（注意檢測播放器事件的代碼示例）。

例

function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '390', 
     width: '640', 
     videoId: 'u1zgFlCw8Aw', 
     events: { 
     'onStateChange': onPlayerStateChange 
     } 
    }); 
    } 

    function onPlayerStateChange(event) { 
    if (event.data == YT.PlayerState.PLAYING) { 
     // code to stop the audio player should probably go here 
    } 
    } 

當玩家開始，使用JavaScript停止播放音頻。你沒有告訴我們它是如何嵌入到頁面中的，但幾乎所有玩家都可以用腳本停止（即使bgsound也可以被黑客攻擊）。

鼓勵客戶在頁面加載時不自動播放音樂。從純粹的商業角度來看，它可能會讓你的顧客付出代價。