2

ブログ内のビデオにカスタムのプレビュー画像を表示する簡単な方法を見つけたいと思っていました。ユーザー Dominic Green は、私がほぼ開始するのを手伝ってくれました。

問題は、ページロードの直後に自動再生モードで（非表示であっても）ビデオの再生がすでに開始されていることです（バックグラウンドで音が聞こえます）が、プレビューをクリックした直後に自動再生を開始したい-画像...

この例では、すでに「autoplay=1」を手動で追加していますが、クリック直後に JavaScript を介してこの行をビデオ URL に追加したいと考えています。

これまでの例を次に示します (花の画像をクリックすると、ビデオが表示されます): http://brayaz.de/test/example.html

私は絶対にjavascriptに興味がないので、どんな助けも素晴らしいでしょう! ありがとう！

4

2 に答える 2

2

自動再生を含めるためにiframeのソースを変更するだけです：

$(document).ready(function(){
    $(".video").hide();
    $(".loader").on('click', function(){
        $(this).hide();
        elm = $(this).siblings(".video")
        elm.show();
        var iframe = elm.find('iframe');
        iframe.prop('src', iframe.prop('src')+'&autoplay=1');
    });
});

フィドル

于 2012-07-29T11:50:46.477 に答える
1

HTML コード

<param name="myvideo" value="http://www.youtube.com/v/v_MVwUqrwDc?rel=0">

JQuery

$('param[name="myvideo"]').val(function(i, oldVal) {
    return oldVal + (oldVal.indexOf('?') ? '&autoplay=1' : '?autoplay=1');
});
于 2012-07-29T11:38:25.893 に答える