ページ 11

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

Posted: 2015年11月06日(金) 11:34
by 植松 聡
YouTube の埋め込みコードを出力するサンプルがあれば教えてください。

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

Posted: 2016年6月27日(月) 15:21
by webmaster
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の入力項目で制御することが出来ます。またご不明な点がご質問頂ければ幸いです。

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

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