jquery和vimeo:won';自动播放
我有一个vimeo视频,当用户单击div时加载jquery和vimeo:won';自动播放,jquery,vimeo,Jquery,Vimeo,我有一个vimeo视频,当用户单击div时加载 <div class="vimeobox" ID="vimeo-ID-goes-here"></div> 以下是我的javascript: $(".vimeobox").click(function() { var iframe = "<iframe />"; var id = $(this).attr('id'); // var url = "http:
<div class="vimeobox" ID="vimeo-ID-goes-here"></div>
以下是我的javascript:
$(".vimeobox").click(function() {
var iframe = "<iframe />";
var id = $(this).attr('id'); //
var url = "http://player.vimeo.com/video/" + id + "?title=0&byline=0&portrait=0&autoplay=1";
var width = 700;
var height = 394;
var frameborder = 0;
$(iframe, {
name: 'videoframe',
id: 'videoframe',
src: url,
width: width,
height: height,
frameborder: frameborder,
type: 'text/html',
allowfullscreen: true,
webkitAllowFullScreen: true,
mozallowfullscreen: true
}).css({'position': 'absolute', 'top': '0', 'left': '0'}).appendTo(this);
$(this).find('img').fadeOut(function() { $(this).remove();
});
});
$(“.vimeobox”)。单击(函数(){
var-iframe=“”;
var id=$(this.attr('id');//
变量url=”http://player.vimeo.com/video/“+id+”?标题=0,署名=0,肖像=0,自动播放=1”;
var宽度=700;
var高度=394;
var frameborder=0;
$(iframe{
名称:“视频帧”,
id:'视频帧',
src:url,
宽度:宽度,
高度:高度,,
frameborder:frameborder,
键入:“text/html”,
allowfullscreen:是的,
webkitAllowFullScreen:正确,
mozallowfullscreen:正确
}).css({'position':'absolute','top':'0','left':'0'});
$(this.find('img').fadeOut(函数(){$(this.remove());
});
});
单击div(删除预览图像)时,vimeo播放器会出现…但视频不会自动播放
我不知道是什么问题。我对youtube播放器使用几乎相同的代码(减去url变量),它会自动播放?只需更改
&在您的url中,通过?
这里的其他答案确实是正确的,但是如果您在移动设备上运行autoplay时遇到问题,那么到撰写本文时为止,此处描述的默认autoplay功能将无法在移动设备(Android/iOS,可能还有Windows mobile)上运行
如果有人想出了一个黑客迫使自动播放功能,请张贴 您也可以通过在嵌入代码中添加以下参数手动执行此操作:
循环=1
自动播放=1
如果在特定页面上有多个视频自动播放,还需要包括以下参数:
自动暂停=0完全有效!我想知道为什么vimeo嵌入代码中的链接是这样显示的?我不知道,通常这是用作分隔符的?
,因此您不必转义与(但有很多有效字符可以用作分隔符,只要HTTP服务器支持它们)。我缺少autopause=0,添加autopause=0后,多个视频工作正常。谢谢