YouTube埋込 / YouTube embed

  • YouTube埋込

    学科・研究室等で静大TVで撮影した動画をWWPサイト上でも見せたいとお考えの皆様へ!!
    WWPサイトへのYouTube埋込方法をご紹介します。

    参考情報:WordPress.Org Codex:Embeds(外部サイト)
    https://codex.wordpress.org/Embeds

    参考動画:情報基盤センター 反転授業支援セミナーアンケート結果


    YouTube埋込方法

    youtube_s002
    STEP1:YouTubeでのURLをコピーします。

    youtube_s001
    youtube_s003
    STEP2:固定ページもしくは投稿ページのテキストモードにて上記コードの通り入力します。

    赤文字:動画 横 サイズ
    青文字:動画 縦 サイズ
    緑文字:動画 URL (STEP1でコピーしたURL)

    以上で更新ボタンよりWWPサイトに動画を埋め込むことができます。


    YouTube ウィジェット埋込方法

    youtube_s002
    STEP0:YouTubeでのURLをコピーします。


    STEP1:”外観”→”ウィジェット”→”動画”を選択し、メインサイドバーに登録します。


    STEP2:表示させたい”タイトル”を記入し、”動画を追加”ボタンを選択します。


    STEP3:”URLから挿入”をクリックし、STEP0でコピーしたYouTubeの動画URLを挿入し、”ウィジェットに追加”ボタンを押します。


    STEP4:”保存”ボタンを押すことで、設定反映されて、サイト上のウィジェットで動画埋込が確認できます。

  • YouTube embed

    To those who want to display YouTube video of SHIZUDAI TV in the WWP site !!
    Here is a YouTube embedding method to the WWP site.

    Reference information:WordPress.Org Codex:Embeds(external site)
    https://codex.wordpress.org/Embeds

    Reference movie:
    Center for Information Infrastructure,Shizuoka University Questionnaire result after flip education seminar


    YouTube embedding method

    youtube_s002
    STEP1:Copy the URL of the video you want to display on the WWP site on YouTube

    youtube_s001
    youtube_s003
    STEP2:Enter in the text mode of the page(post) as shown in the above code.

    Red character:YouTube video Width Size
    Blue character:YouTube video height Size
    Green character:YouTube video URL (URL copied in STEP 1)

    Finally, you can embed the video on the WWP site from the update button.