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

Posted 2023-03-13

【中文标题】如何在jsp的嵌入视频中显示广告

【英文标题】：How to show advertisment in embedded video in jsp

【发布时间】：2015-11-15 09:28:44

【问题描述】：

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

<object id="add"   > 
<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"   autostart="false"/> 
</object> 

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

【参考方案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);

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