触发播放youtube视频没有api

时间:2014-02-24 08:18:10

标签: javascript youtube youtube-api

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

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

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

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

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