マイスピーの会員サイトの記事にYouTubeの動画を埋め込むにはどうしたらよいでしょうか?

YouTubeの動画を会員サイトで
閲覧できるようにするための手順を
お伝えします。

YouTubeの動画下にある
「共有」をクリックし
埋め込みコードをクリックしてください。
反転している埋め込みコードをコピーしてください。

youtubeの埋め込みコードをクリックしてコピー&ペースト

<div style="position:relative;height:0;padding-bottom:61.11%">
<iframe src="https://www.youtube.com/embed/(YouTube動画のID)?ecver=2" style="position:absolute;width:100%;height:100%;left:0" width="589" height="360" frameborder="0" allowfullscreen>
</iframe>
</div>

YouTubeの埋め込みコードのサンプル

 

 

YouTubeからコピーしたコード中に「YouTube動画のID」があるので
下記サンプルの「YouTube動画のID」に埋め込んでください。

<div class="video-container">
<div>
<iframe src="https://www.youtube.com/embed/(YouTube動画のID)?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>

会員サイトのYouTube埋め込みサンプルコード

 

 

作成したサンプルコードを会員サイトおよび会員サイト記事の編集画面から貼り付けます。
また会員サイト記事の編集画面には本文の下にあるチェック項目
「改行は〈br/〉タグを変換する」
「URLはクリックできるようにリンクに変換する」
の2項目に入っているチェックを外して
記事を保存してください。

会員サイト記事作成にyotube動画を入れる

記事にYouTubeが埋め込まれているか
会員サイトにログインして
該当記事にyoutubeが埋め込まれているかチェックし
確認が取れたらこれでyoutube動画の埋め込み完了です。

コメントを残す

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

サブコンテンツ

このページの先頭へ