web-dev-qa-db-ja.com

YouTubeチャンネルをWebページに埋め込む方法

誰も私がYouTubeチャンネルをウェブページに埋め込む方法を提案できますか?可能であればカスタムプレーヤーを使用して、さまざまなサイトから競合する情報を取得していますか?ありがとう

55
Zabs

YouTubeは非常に使いやすい iframeおよびurlインターフェイス をサポートしており、動画、プレイリスト、およびすべてのユーザーアップロードをchannelに埋め込みます:- https://developers.google.com/youtube/player_parameters

たとえば、このHTMLは、チャンネルにアップロードされたすべての動画のプレイリストを読み込んだプレーヤーを埋め込みます。 YOURCHANNELNAMEをチャンネルの実際の名前に置き換えます。

<iframe src="http://www.youtube.com/embed/?listType=user_uploads&list=YOURCHANNELNAME" width="480" height="400"></iframe>                   
78
Matthew Lock

チャンネルを埋め込むには、次のコードをコピーして別のWebページに貼り付けるだけです。

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=YourChannelName&synd=open&w=320&h=390&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

YourChannelNameを実際のチャンネル名に置き換えてください。

たとえば、チャンネル名がCaliChick94066の場合、チャンネル埋め込みコードは次のようになります。

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=CaliChick94066&synd=open&w=320&h=390&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

次のリンクをご覧ください。

サイト上のYouTube

YouTubeチャンネルを埋め込む

チャンネル名のURLを指定するだけです。また、高さと境界線の色とサイズで遊ぶことができます。それが役に立てば幸い

17
Frankline

YTchannelembedが実際にチャネルを埋め込むのではなく、リンクされたサムネイルだけで、それらはすべてオフサイトにつながる。ただし、jQueryのYoumaxソリューションは実際に組み込まれています。 http://www.codehandling.com/2013/03/youmax-20-complete-youtube-channel-on.html

7
Rick Kraft