Question

如何在图像点击的自助模式窗口中自动播放iframe中的Vimeo视频？

我在使用YouTube JavaScript API之前已经完成了这项工作，但不知道这对Vimeo有何用处。我看到他们也有一些API，但可以使用一些指示如何工作。

首先尝试将？autoplay = 1添加到ifal视频src属性，使用jQuery在图像上点击模式，但是没有用。

当模式隐藏在视频完成之前我还需要停止（）视频在后台运行。

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

Answer 1

我尝试过像您提到的那样在iframe的源后面添加'？autoplay = 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'也可以。

希望这对某人有帮助！

Answer 2

如果你熟悉jQuery，我写了一个插件，它简化了用标准jQuery表示法控制Vimeo视频。

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

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

Answer 3

如果你试图在图像上自动播放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;
            }

单击模态时自动播放Vimeo视频

3 个答案: