Question

我在这里使用了另外一篇文章中的以下代码，效果很好。但是，视频是隐藏的，只有在单击图像后才会显示。

我需要一个小图片才能坐在全屏可视视频的顶部。图像将在播放按钮上方，因此当他们点击图像时 - 图像消失，视频开始播放。

这是我目前的代码

CSS

.img{ z-index:1000; position:relative; onclick="z-index:-1000;"}
#vid{z-index:1px; text-align:center;}

#popup{text-align:center;
width: 100%;
position:absolute;
top:40%;
}

body {
background-color: #000;}

HTML

<div id="popup"><a href="javascript:void(0);" onclick="this.parentElement.style.display='none';"><img src="images/TRIBEONE_DINOKENG.png" width="200" height="189" class="img" /></a></div>

非常感谢帮助

由于

Answer 1

您可以使用点击

在Javascript中执行其他操作

$('#imgid').on('click',function(){
  $('#popup').innerHtml = "<iframe youtube video or other width="200" height="189">
  </iframe>";
});

这样你就会改变什么

onclick占位符图像播放可见的嵌入视频

1 个答案: