Question

我想点击其占位符（图片）时播放视频。这是代码。

HTML

 <div class="ytembed">
        <a href="http://player.vimeo.com/video/27243869?title=1&byline=1&portrait=1">
            <img width="560" height="315" src="http://placehold.it/560x315" alt="Click to play"/>
        </a>
    </div>

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);
        });
    });
});

请告诉我该怎么做我。这是jsfiddle版本http://jsfiddle.net/fEzLZ/

提前感谢。

Answer 1

尝试将“autoplay = 1”添加到Vimeo网址的末尾。生成的URL应为

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

视频没有在jquery的图像占位符上播放

1 个答案: