2011-05-26 6 views
3

これは私のサイトにユーチューブの埋め込みコードの例です:&autoplay = 1をYouTubeの埋め込みコードに動的に追加するにはどうすればよいですか?

<object width="525" height="320"><param name="wmode" value="opaque"> 
    <param name="movie" value="http://www.youtube.com/v/yciTqWafKPU?version=3"> 
    <param name="allowFullScreen" value="true"> 
    <param name="allowscriptaccess" value="always"> 
    <embed src="http://www.youtube.com/v/yciTqWafKPU?version=3" type="application/x-shockwave-flash" width="525" height="320" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"> 
</object> 

私はこれに&autoplay=1を追加する必要があると信じて:<param name="movie" value="http://www.youtube.com/v/yciTqWafKPU?version=3&autoplay=1">と、この:<embed src="http://www.youtube.com/v/yciTqWafKPU?version=3&autoplay=1" type="application/x-shockwave-flash" width="525" height="320" allowscriptaccess="always" allowfullscreen="true" wmode="opaque">

私はjQueryを使って動的にこれを実行する必要があります。どうすればいい?あまりにも多くの困難を伴わずに

答えて

4

、私は考えを持っているでしょう...

$('param[name="movie"]').val(function(i, oldVal) { 
    return oldVal + (oldVal.indexOf('?') ? '&autoplay=1' : '?autoplay=1'); 
}); 
$('embed').prop('src', function(i, oldSrc) { 
    return oldSrc + (oldSrc.indexOf('?') ? '&autoplay=1' : '?autoplay=1'); 
} 

あなたはおそらくインスタンス$('embed[src^="http://www.youtube.com/"]')または$('object param[name="movie"]')のために、もう少し具体的なセレクタを行うことを好むかもしれない - それはあなたのページが別の場所に含まれているかに依存します

+0

うーん、私はこれはいくつかの理由のために働くように見えることはできません... –

+0

'キャッチされない例外TypeError:オブジェクト[オブジェクトのオブジェクト]「は方法はありません.prop'が –

+0

'.attr'をprop'' @Justinあなたは1.6より前のバージョンのjQueryを使っています。現在のバージョンでは 'prop'が導入されていますが、以前のバージョンでは' attr'が必要です。 –

0

youtube linkを自動再生する方法は?

1)をクリックして、手動で再生する= 0 &自動再生を削除するコードを使用し、単にhttp://www.youtube.com/v/にURLを変更?バージョン= 3 &自動再生= 1

<object width="525" height="320"><param name="wmode" value="opaque"> 
    <param name="movie" value="http://www.youtube.com/v/yciTqWafKPU?version=3"> 
    <param name="allowFullScreen" value="true"> 
    <param name="allowscriptaccess" value="always"> 
    <embed src="http://www.youtube.com/v/yciTqWafKPU?version=3" type="application/x-shockwave-flash" width="525" height="320" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"> 
</object> 

2)!

関連する問題