通过按钮在网站上实现全屏视频

Question

我需要在我的网站上添加以这种方式运作的视频：
http://www.google.com/nexus/5/。

我喜欢：

• Watch again按钮如何导致Youtube视频占据该页面的整个部分
• 您可以随时使用“X”按钮
关闭它

Answer 1

看起来这是通过YouTube的JS API完成的：https://developers.google.com/youtube/js_api_reference 基本上，从YouTube获取<iframe>嵌入代码，然后将＆amp; enablejsapi = 1附加到src属性的末尾。然后，调用iframe上的mute（）函数将其静音。您的“立即观看”按钮可以使用unMute（）函数取消静音视频，然后使用seekTo（0，true）返回到开头。

参考：https://developers.google.com/youtube/js_api_reference#Playback_controls