我有一个隐藏的iframe,并在用户单击缩略图时使用display:block
进行显示。
<iframe src="http://www.youtube.com/embed/cGEb-q5JMU0?autoplay=1" frameborder="0" allowfullscreen=""></iframe>
我也使用
autoplay=1
,因此用户无需单击即可开始播放视频。问题是即使隐藏了视频,它仍在后台播放。
最佳答案
您可以执行以下操作:
<script type="text/javascript">
function deleteVideo()
{
document.getElementById('VideoPlayer').src='';
}
function LoadVideo()
{
document.getElementById('VideoPlayer').src='http://www.youtube.com/embed/WHAT,EVER,YOUTUBE,VIDEO,YOU,WHANT';
}
</script>
<body>
<p onclick="LoadVideo()">LOAD VIDEO</P>
<p onclick="deleteVideo()">CLOSE</P>
<iframe id="VideoPlayer" width="853" height="480" src="http://www.youtube.com/WHAT,EVER,YOUTUBE,VIDEO,YOU,HAVE" frameborder="0" allowfullscreen></iframe>
</boby>
来自的更多信息
How to pause a YouTube player when hiding the iframe?
关于javascript - 触发不带api播放youtube视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21982304/