Javascript 如何将vimeo播放器添加到弹出窗口中，当它在图像上点击。。？？？

我想将视频添加到我的网站。但我想在用户单击图像时在弹出窗口中播放该视频。我该怎么做

我想创建一个看起来像这个网站的网站。

---

Thanxx:）

首先，你应该知道你想要什么样的弹出窗口。只是一个新的屏幕或一个像你提供的网站一样好的效果

在最后一种情况下，您可以查看一些流行的弹出选项，如，。。。 根据您选择的插件，您必须检查他们的文档以嵌入视频

祝你好运

使用

查看其中的Vimeo内容

要使用它打开Vimeo内容，只需执行以下操作：

创建一个链接（）

添加rel属性“prettypto”（rel=“prettypto”）

更改链接的href，使其指向Vimeo视频页面，即与朋友共享的相同链接

代码：

您可以使用colorbox

---

请参见

播放视频，将其作为弹出窗口的内容

<video id="videoPop" class="video" controls >
    <source src="adress">
</video>

这是弹出窗口本身：
HTML:

点击我！
弹出文本。。。

JS:

//当用户单击时，打开弹出窗口
函数myFunction（）{
var popup=document.getElementById（'myPopup'）；
popup.classList.toggle（'show'）；
}

当我写这篇文章时，你提到的网站不起作用，所以我为你提供CSS

不，您需要HTML触发器：

<div class="popup" onclick="myFunction()">Click me to toggle the popup!
  <span class="popuptext" id="myPopup">A Simple Popup!</span>
</div>

单击我切换弹出窗口！
一个简单的弹出窗口！

<div class="popup" onclick="myFunction()">Click me!
  <span class="popuptext" id="myPopup">Popup text...</span>
</div>

<script>
// When the user clicks on <div>, open the popup
  function myFunction() {
   var popup = document.getElementById('myPopup');
   popup.classList.toggle('show');
  }
</script>

<div class="popup" onclick="myFunction()">Click me to toggle the popup!
  <span class="popuptext" id="myPopup">A Simple Popup!</span>
</div>