YouTube視頻在WordPress視頻播放結束後的覆蓋窗口

我在我的博客文章（WordPress）中添加了各種YouTube視頻，如下所示：<iframe width="700" height="525" src="http://www.youtube.com/embed/KA-OzK1RCdY?feature=oembed" frameborder="0" allowfullscreen></iframe>。YouTube視頻在WordPress視頻播放結束後的覆蓋窗口

有什麼辦法可以在YouTube視頻區域顯示覆蓋窗口後，視頻停止播放......？我想在此疊加中添加表單以進行訂閱。

Thanx提前。

來源

2014-04-08 user3512522

你可以用Youtube player API做到這一點：

Here's a fiddle to see that it works

這是一個例子，我從another post了：

<div id="player"></div> 

<script src="http://www.youtube.com/player_api"></script> 

<script> 

    // create youtube player 
    var player; 
    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId: '0Bmhjf0rKe8', 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 

    // autoplay video 
    function onPlayerReady(event) { 
     event.target.playVideo(); 
    } 

    // when video ends 
    function onPlayerStateChange(event) {   
     if(event.data === 0) {   
      alert('done'); 
     } 
    } 

</script>

來源

2014-04-08 19:48:06 SauriolJf

正如我期待它添加到WordPress網站，我沒有想法如何包含您的代碼。我的網站上的YouTube視頻與其他許多元素一樣，通過單獨的插件添加。我不知道如何修改插件以包含您提供的代碼。另外，我正在尋找覆蓋窗口，可以添加我自己的內容，例如表單。這看起來像一個警告框。不知道如何將警報框轉換爲常規覆蓋窗口。 – user3512522

如果你沒有編程技能，你將無法實現你的目標。我會爲疊加窗口建議一個像「Easy Fancybox」（https://wordpress.org/plugins/easy-fancybox/）這樣的插件。對於代碼，您可以將HTML代碼直接粘貼到Wordpress文章或頁面中，因此請在您的內容編輯器中切換爲「HTML」，並通過上面給出的代碼（也許您需要修改它）。 – SauriolJf

我問了簡單插件的開發者，如果這是可能實現的，他們說不是。此外，我再次沒有尋找視頻播放覆蓋。我正在尋找覆蓋層，以在嵌入視頻停止播放後出現。 – user3512522

YouTube視頻在WordPress視頻播放結束後的覆蓋窗口

回答

相關問題