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

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"