Javascript 按按钮在站点其余部分的顶部播放视频

我正在设计一个引导网站，主页上有一个视频横幅，类似于。当我按下“播放”按钮时，我想淡入网站，并在网站内容上播放YouTube视频。例如，用户的“播放视频”按钮。当你按下“播放”按钮时，视频将加载到网站其余部分的顶部。我如何告诉YouTube播放器在站点上加载而不是嵌入到站点中

---

Edit我正在使用bootstrap

制作一个div，该div的z-index比文档的其余部分更高，可以是CSS（

z-index:x；

）或jQuery（

$（“元素”）.CSS（“z-index”，“x”）

），该div变暗并包含youtube播放器，播放器应采用iframe或嵌入元素的形式。单击按钮（

$（“元素”）。单击（
，…）
或
$（“元素”）。单击（…）
），然后在使用
$（“元素”）.fadeIn（）中淡入变暗的
div

如果是脚本形式，请确保它所针对的元素（主体或其他内容）已更改为网页上方的div。
我建议使用引导模式和HTML5视频等自动播放功能。你考虑过这个吗？我想你不能打开youtube播放器，因为它没有嵌入你的视频。。。。也许你真正需要的是用autoplay或FullScreen将视频嵌入到某种模式中。我正在使用Bootstrap，看起来模式是最好的选择，如果有人发布了与此相关的答案，我会接受它。我忘了z-index，你是对的，这是一个很好的方法。然而，我使用的是引导，所以我想我可以使用一个模式（见问题评论）啊，明白了。这是有道理的，我不知道你在用它。我接受了这个答案，因为没有其他人为bootstrap发布了一个，我让它工作了