我目前正在制作一个电影网站,其主播放屏幕带有播放预告片"。
当按下播放预告片按钮时,我希望显示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时遇到了困难。
任何帮助将不胜感激:)
答案 0 :(得分:1)
您需要先通过api加载播放器,以便加载页面。
<强> https://developers.google.com/youtube/iframe_api_reference 强>
然后你可以将它设置为加载&#34; PAUSE&#34;陈述或加载&#34; cueVideoById&#34;。
然后进行浮潜,在视频上放置图形和按钮。
之后,你只需要播放的剧本,隐藏div并再次潜水(或者你想要的最终结果)。
我认为这应该适合你。