关闭在特定时间设置的Vimeo视频上的自动播放

时间:2015-04-24 17:39:09

标签: embed blogger vimeo autoplay

我会尝试尽可能彻底地回答我的问题。我的问题是:

我正在尝试将一个Vimeo视频嵌入到Blogger中,该视频以特定的时间戳播放,即4分钟32秒,而不是视频的开头而不进行自动播放。该视频将在时间戳中嵌入,但它将自动播放,我无法弄清楚如何关闭该功能。视频代码如下:

<div style="text-align: center;">
<br />
<iframe allowfullscreen="" frameborder="0" height="375" mozallowfullscreen=""src="https://player.vimeo.com/video/125840111#t=3665s" webkitallowfullscreen=""width="500"></iframe>

我尝试了各种方法“?autoplay = 0”等,但我想我的代码没有正确。

非常感谢任何帮助

1 个答案:

答案 0 :(得分:1)

你试过这样的吗?

<iframe allowfullscreen="" frameborder="0" height="375" mozallowfullscreen=""src="https://player.vimeo.com/video/125840111#t=3665s?autoplay=0" webkitallowfullscreen=""width="500"></iframe>

如果它不起作用然后尝试通过inspect元素找到它,它可能会在页面加载后更改为?autopplay=1, 所以试试这个方法对我有用

首先你的html,将你的vimeo视频的截图粘贴到图像标签中并为其定义一个onclick功能并在点击功能上绑定iframe,它应该工作 这是代码

<div id="parent-div" >                                                                   
  <img id="vimeo-video" src="images/homeVideo.png" onclick="return imgClick();" />
  </div>   

和你的javascript函数

function imgClick() {

                    jQuery('#image-for-video').hide();  //hide the image to display your video
                    var ifrm = document.createElement("iframe");
                    ifrm.setAttribute("src", "https://player.vimeo.com/video/1992892829?autoplay=0");
                    ifrm.style.width = "496px";
                    ifrm.style.height = "277px";
                    // add rest of your values
                    ifrm.frameborder = 0;
                    document.getElementById("parent-div").appendChild(ifrm);
                    return false;
                }