YouTube を表示する方法があれば

「まったく何も分からない・・・」そんなユーザーさんの為のフォーラムです。どんなご質問でもお気軽にどうぞ。
返信
植松 聡
記事: 3
登録日時: 2011年3月25日(金) 09:28

YouTube を表示する方法があれば

投稿記事 by 植松 聡 » 2015年11月06日(金) 11:34

YouTube の埋め込みコードを出力するサンプルがあれば教えてください。

webmaster
Site Admin
記事: 1448
登録日時: 2004年12月10日(金) 10:09

Re: YouTube を表示する方法があれば

投稿記事 by webmaster » 2016年6月27日(月) 15:21

webmasterです。お返事が大変遅くなりました事をお詫びいたします。m(_ _;)m
既にご不用となっているかと思いますが、お返事をさせて頂きます。

YouTubeの埋め込みについてですが、例えばあるYouTubeビデオのURLが、

コード: 全て選択

https://www.youtube.com/watch?v=XXXXXXXXXXXX
だとすると、XXXXXXXXXXXXの部分がその動画のIDになります。このIDを、以下のようなiframeに埋め込んでやると、その動画を埋め込むことができます。

コード: 全て選択

<iframe width="560" height="315" src="http://www.youtube.com/embed/XXXXXXXXXX?rel=0&modestbranding=0&showinfo=0&fs=0&controls=1&autohide=1" frameborder="0" allowfullscreen="true"></iframe>
ですので、例えば XXXXXXXXXXXX のIDを入力する項目を「videoid」のような名前で定義し、以下のように出力すると、任意のYouTube動画を埋め込む事ができるようになるかと思います。

コード: 全て選択

<iframe width="560" height="315" src="http://www.youtube.com/embed/{videoid}?rel=0&modestbranding=0&showinfo=0&fs=0&controls=1&autohide=1" frameborder="0" allowfullscreen="true"></iframe>
その他のYouTubeパラメータ(開始時間や自動スタート等)についても、CMS Designerの入力項目で制御することが出来ます。またご不明な点がご質問頂ければ幸いです。

webmaster
Site Admin
記事: 1448
登録日時: 2004年12月10日(金) 10:09

Re: YouTube を表示する方法があれば

投稿記事 by webmaster » 2016年6月30日(木) 18:42

webmasterです。
ダウンロードページにて、この件についてのサンプルを公開しました。YouTubeに限らず、様々なサービスのコンテンツをCMS Designerによって埋め込み制御する良いサンプルとなっておりますので、ご興味のある方はぜひダウンロードしてみてください。

返信