我会尝试尽可能彻底地回答我的问题。我的问题是:
我正在尝试将一个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”等,但我想我的代码没有正确。
非常感谢任何帮助
答案 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;
}