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

Question

我在主页上设计了一个带有视频横幅的Bootstrap网站，类似于AirBnB。当我按下播放按钮时，我想淡化网站并在网站内容上播放YouTube视频。一个例子是KindlyCare播放视频按钮。当您按下该播放按钮时，视频将加载到站点的其余部分之上。如何告知YouTube播放器加载网站而非嵌入网站？

编辑我使用bootstrap

Answer 1

创建一个比文档其余部分高z-index的div，其中包含CSS（z-index: x;）或jQuery（$("element").css("z-index", "x")），它们变暗并包含youtube播放器，它应该是iframe或embed元素的形式。单击按钮（$("element").on("click", ...)或$("element").click(...)）后，使用div淡化{} {} {}。

如果是脚本形式，请确保其定位的元素（正文或其他内容）更改为网页上的div。