点击模式自动播放Vimeo视频

Autoplay Vimeo video on click in modal

本文关键字：Vimeo 视频 自动播放 模式      更新时间：2023-09-26

我怎么能自动播放Vimeo视频我有在iframe在引导模式窗口图像点击?

在使用YouTube JavaScript API之前我已经这样做了，但不知道这是如何与Vimeo一起工作的。我看到他们也有一些API，但可以使用一些指针，这将如何工作。

第一次尝试使用jQuery将?autoplay=1附加到iframe video src属性在图像点击的模态，但没有工作。

当模态隐藏在视频完成之前，我还需要停止()视频在后台运行。

任何正确方向的指示都非常有帮助!!谢谢你！

我尝试在iframe的源代码中添加'?自动播放=1'，就像你提到的:

$("iframe")[0].src += "?autoplay=1";

似乎对我有用。我认为iframe还需要包括'allow="autoplay"'虽然例如:

<iframe src="YOURVIDEOURL" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay">

要在点击时停止视频-我想象添加src，删除'?Autoplay =1'也可以。

希望这能帮助到一些人!

如果您熟悉jQuery，我编写了一个插件，它可以用标准的jQuery符号简化对Vimeo视频的控制。

https://github.com/jrue/Vimeo-jQuery-API 

$("#yourvideo").play();

如果您试图在图像点击上自动播放vimeo视频，那么这可能会有所帮助，我有在图像点击上播放视频的相同问题，但最终找到了这个解决方案。

<div id="modal-Id">
   <div id="parent-div">
     <img id="vimeo-videoId" src="images/your-image.png" onclick="return imgClick();" />
   </div>
</div>
 function imgClick() {
                jQuery('#your-imageId').hide();  //hide image to play the video
                var ifrm = document.createElement("iframe");
                ifrm.setAttribute("src", "https://player.vimeo.com/video/123456789?autoplay=1");
                ifrm.style.width = "496px";
                ifrm.style.height = "277px";
                // add rest of your values
                ifrm.frameborder = 0;
                document.getElementById("your-parent-Div").appendChild(ifrm);  //append it to your parent div 
                return false;
            }
相关文章：