如何编写一个自定义按钮来显示youtube iframe,寻求启动视频&然后玩

时间:2014-04-11 18:07:33

标签: javascript css iframe youtube youtube-api

我目前正在制作一个电影网站,其主播放屏幕带有播放预告片"。

当按下播放预告片按钮时,我希望显示iframe&要播放的视频。

我还需要一个关闭按钮,暂停视频,返回到视频的开头,然后隐藏div。

<!--hidden by default-->
<iframe class="player">player goes here</iframe>

<!--shows 'player' and initiates start-->
<div id="play_button">Play</div>

<!--stops the video, returns to the start and hides the 'player'-->
<div id="close_button">Close</div>

我可以轻松地操纵视频本身的CSS,但是我在使用youtube api时遇到了困难。

任何帮助将不胜感激:)

1 个答案:

答案 0 :(得分:1)

您需要先通过api加载播放器,以便加载页面。

<强> https://developers.google.com/youtube/iframe_api_reference

然后你可以将它设置为加载&#34; PAUSE&#34;陈述或加载&#34; cueVideoById&#34;。

然后进行浮潜,在视频上放置图形和按钮。

之后,你只需要播放的剧本,隐藏div并再次潜水(或者你想要的最终结果)。

我认为这应该适合你。