1

YouTube チャンネルの jQuery ( http://plugins.jquery.com/project/ChannelPlaylist ) スクリプトを使用して、YouTube チャンネルからデータを取得しています。次に、ページで iFrame を使用して、サイトを離れずにビデオを表示しています。唯一の問題は、チャネル プラグインがプルしている URL が、私の iFrame の概念とうまく機能しないことです。動画だけでなく、YouTube ページ全体を読み込みます。基本的にURLを再フォーマットし、フルスクリーンで表示し、自動再生するように指示することで、やりたいことを実行するという回避策を見つけました。

URLは現在次のようにフォーマットされています

http://www.youtube.com/watch?v=xxxxxxxxx&feature=youtube_gdata

そして、私はそれらを次のように書き直す必要があります

http://www.youtube.com/v/xxxxxxxxx?fs=1&autoplay=1

ここSOで同様のトピックをいくつか見ましたが、jQueryと正規表現の才能が限られているため、目的のために何も機能させることができませんでした。

4

4 に答える 4

2

そのためにはjQueryではなくJavascriptが必要です。

var v = "http://www.youtube.com/watch?v=xxxxxxxxx&feature=youtube_gdata".match(/v=(.*)&/)[1];
var url = "http://www.youtube.com/v/" + v + "?fs=1&autoplay=1"
于 2010-12-22T21:59:57.667 に答える
0

ページに動画を埋め込むには、おそらく標準の埋め込みコードを使用する必要があります: http://www.google.com/support/youtube/bin/answer.py?hl=en&answer=57788

例：

<object width="1280" height="745">
    <param name="movie" value="http://www.youtube.com/v/PoyiR3ob7yk?fs=1&amp;hl=en_US&amp;rel=0"> </param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/PoyiR3ob7yk?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="745"></embed>
</object>

YouTube サイトには、iframe を使用して埋め込む方法もあります。

于 2010-12-22T22:03:16.200 に答える
0

このような関数を使用して、変数の URL の値を取得し、URLvを再構築することができます。を使用する代わりにwindow.location、返された YouTube URL を使用してください

var url = 'http://www.youtube.com/v/' +  v + '?fs=1&autoplay=1'
于 2010-12-22T21:59:14.407 に答える
0

jQuery oEmbed プラグインを使用します。

http://code.google.com/p/jquery-oembed/

次に、iFrameを目的の要素に適用するだけです

$("#my-video-div").oembed('youtube url');

iFrame src を動的に挿入するのではなく、プラグインが iFrame を作成します。

標準のユーチューブ埋め込みコードを見ると、通常の URL とは異なる URL が提供されています。たとえば、これは実際に you tube の iframe に埋め込まれているものです。

http://www.youtube.com/v/PoyiR3ob7yk?fs=1&hl=en_US

于 2010-12-22T21:59:47.090 に答える