未使用jquery在其图像占位符上播放视频

未使用jquery在其图像占位符上播放视频,jquery,youtube,Jquery,Youtube,我想在点击占位符(图像)时播放视频。这是代码 html ​ jquery $(function() { $('.ytembed:not(.processed)').addClass('processed').each(function() { $(this).find('a').click(function(e) { e.preventDefault(); var width = $(this).find('img').

我想在点击占位符(图像)时播放视频。这是代码

html

jquery

$(function() {
    $('.ytembed:not(.processed)').addClass('processed').each(function() {
        $(this).find('a').click(function(e) {
            e.preventDefault();
            var width = $(this).find('img').width();
            var height = $(this).find('img').height();
            var url = $(this).attr('href');
            var $iframe = $('<iframe src="' + url + '" width="' + width + '" height="' + height + '" frameborder="0"/>');
            $(this).parent().html($iframe);
        });
    });
});​
$(函数(){
$('.ytembed:not(.processed').addClass('processed').each(function(){
$(this)。查找('a')。单击(函数(e){
e、 预防默认值();
var width=$(this.find('img').width();
var height=$(this.find('img').height();
var url=$(this.attr('href');
变量$iframe=$('');
$(this.parent().html($iframe);
});
});
});​
请告诉我该怎么办。以下是JSFIDLE版本


提前感谢。

尝试在Vimeo url的末尾添加'autoplay=1'。结果URL应为

"http://player.vimeo.com/video/27243869?title=1&byline=1&portrait=1&autoplay=1"

您的意思是希望加载视频,然后自动播放?因为视频加载对我来说很好。是的,它会显示,但我想在单击图像缩略图时播放它。谢谢…谢谢,我很感激。但是是否有可能从jquery实现它呢。我的意思是客户可能不知道。所以我愿意用jquery来实现它。无论是youtube还是vimeo video.Hi,自动播放功能都适用于vimeo视频,但youtube视频没有播放
&autoplay=1
。这里是JSFIDLE,您的YouTube嵌入URL格式不正确。这里有一把可以工作的小提琴:抱歉再次打扰您,我刚刚注意到“”不能在ipad上工作,但在所有浏览器上都能在pc上正常工作。有什么建议吗?你嵌入的视频是否允许以HTML5而不是Flash的形式显示?如果iPad不支持Flash,我的猜测是否定的,因为iPad不支持Flash。
"http://player.vimeo.com/video/27243869?title=1&byline=1&portrait=1&autoplay=1"