Question

我有一个隐藏的iframe，并在用户点击缩略图时使用display:block来显示它。

<iframe src="http://www.youtube.com/embed/cGEb-q5JMU0?autoplay=1" frameborder="0" allowfullscreen=""></iframe>

我还使用autoplay=1，因此用户无需点击即可启动视频。问题是即使视频被隐藏，视频也在后台播放。

Answer 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?

触发播放youtube视频没有api

1 个答案: