Question

我创建了一个这样的嵌入式视频：

{{1}}

它非常流畅地播放视频，但我希望在播放视频之前播放固定的广告视频（与给定示例相同但不同的src），就像在YouTube上一样。

Answer 1

我对javascript并不好，但我会做以下事情。首先，您可以使用iframe api并检查iframe（youtube视频）何时更改其状态。这是一个示例:(查看https://developers.google.com/youtube/iframe_api_reference了解更多信息）

var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('videoDiv', {
        videoId: 'V7g4e5m5aRc',
      events: {
        'onStateChange': onPlayerStateChange
      }
    });
}

现在您可以查看偶数并执行进一步操作：

function onPlayerStateChange(event) {
  if (event.data == YT.PlayerState.PLAYING) {
     // MY FUNCTION
  }
}

您还可以停止视频并在弹出窗口中显示其他视频。例如使用http://www.jacklmoore.com/colorbox/。

<a href="//www.youtube.com/embed/ID" class="video_layer"></a>

$('.video_layer').colorbox({iframe:true});}

也许有更好的解决方案，但这是我想到的第一个“解决方法”。

如何在jsp中显示嵌入式视频中的广告

1 个答案: