javascript - 如何编写将显示 youtube iframe 的自定义按钮，寻求开始视频然后播放

Question

我目前正在制作一个电影网站，该网站的主启动画面带有“播放预告片按钮”。

按下播放预告片按钮时，我希望显示 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 时遇到困难。

任何帮助将不胜感激:)

Answer 1

您需要先通过 api 加载您的播放器，以便它与页面一起加载。

https://developers.google.com/youtube/iframe_api_reference

然后你可以设置它在“PAUSE”状态下加载或者用“cueVideoById”加载它。

然后在视频上放置带有图形和按钮的 float 潜水。

在那之后，您只需要可以播放的脚本，隐藏 div 并再次放回 dive(或者您想要的任何最终结果)。

我认为这对你有用。