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

VimeoURLの最後に「autoplay=1」を追加してみてください。結果のURLは次のようになります

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