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

【问题标题】：How to show advertisment in embedded video in jsp如何在jsp的嵌入视频中显示广告
【发布时间】：2015-11-15 09:28:44
【问题描述】：

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

<object id="add" width="425" height="350" > 
<param name="movie" value="https://www.youtube.com/v/V7g4e5m5aRc&autoplay=1" /> 
<embed src="https://www.youtube.com/v/V7g4e5m5aRc" type="application/x-shockwave-flash" width="250" height="250" autostart="false"/> 
</object>

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

【问题讨论】：

标签： java jsp video embed

【解决方案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});}

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

【讨论】：