是否可以超链接嵌入的视频框，这样当用户点击视频时，就会显示超链接

Is it possible to hyperlink an embedded video box so when a user clicks on the video a hyperlink is brought up?

本文关键字：超链接 用户 视频 显示 的视频 是否      更新时间：2023-09-26

您可以看到我试图将div封装在锚标记中的蹩脚尝试。是否可以在视频上方添加一个区域，当用户点击视频时，它会自动弹出一个带有新网页的新浏览器选项卡。

<style>
#player {
margin: auto;
width: 400px;
height: 273px;
}
.playerclick{
target-name:new;
target-new:tab;
}
</style>    
<a href="http://www.elmariachimexican.com" target="_blank"> <div id="player"></div> </a>
<script>      
  var tag = document.createElement('script');
  tag.src = "http://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
      playerVars: { 'autoplay': 1, 'controls': 1, 'modestbranding':1, 'autohide':1,'wmode':'opaque', 'rel':0, 'showinfo':0},
      videoId: 'mO03zQQ8XIo',
      events: {
        'onReady': onPlayerReady}
    });
  }
  function onPlayerReady(event) {
    event.target.mute();
  }
  </script>

您可以在iframe视频上放置另一个div，并在那里设置点击事件。请参见此处。

<a href="http://www.elmariachimexican.com" target="_blank"> 
    <div style="position:absolute;width:273px;height:400px"></div>
    <div id="player"></div> 
</a>

此外，在页面中添加视频似乎不起作用，所以我对其进行了一点更改。

var tag = document.createElement('script');
  tag.src = "http://www.youtube.com/player_api";
  document.getElementById("player").appendChild(tag);

请参阅此处的工作示例

相关文章：