我正在设计一个 Bootstrap 网站，其主页上有一个视频横幅，类似于 AirBnB 。当我按下播放按钮时，我想要淡出该网站并在该网站的内容上播放 YouTube 视频。一个例子是 KindlyCare的播放视频按钮。当您按下该播放按钮时，视频会加载到网站其余部分的顶部。如何告诉 YouTube 播放器通过网站加载而不是嵌入到网站中？
编辑我正在使用 bootstrap
最佳答案
制作一个具有更高 z-index 的 div与使用 CSS ( z-index: x; ) 或 jQuery ( $("element").css("z-index", "x") ) 的文档其余部分相比，该文档变暗并包含 youtube 播放器，该播放器应采用 iframe 或嵌入元素的形式。单击按钮时( $("element").on("click", ...) 或 $("element").click(...) )然后淡出变暗的 div在使用 $("element").fadeIn() 。
如果是脚本形式，请确保其目标元素(正文或其他元素)更改为网页上的 div。
关于javascript - 按下按钮即可在网站其余部分的顶部播放视频，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40243275/