我使用了此处另一篇文章中的以下代码,效果很好。但是,视频是隐藏的,只有在单击图像后才会出现。
我需要一个小图像放在全屏可见视频的顶部。图片将位于播放按钮上方,因此当他们点击图片时 - 图片消失,视频开始播放。
这是我当前的代码
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>
帮助将不胜感激
谢谢
最佳答案
在 Javascript 中,您还可以使用点击操作
$('#imgid').on('click',function(){
$('#popup').innerHtml = "<iframe youtube video or other width="200" height="189">
</iframe>";
});
有了这个你会改变什么
关于javascript - onclick 占位符图像播放可见的嵌入式视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21115102/