極意(62) YouTube動画再生を極める

YouTube動画の再生にHAIKで使用可能なプラグインは以下の3タイプあります。

  1. #video
  2. &video
  3. #html または #html2

#videoと #html との違いや、#video と &video の違いを明らかにしてみました。


1.#videoで再生する



[check]上記のプラグインの内容です。

#video(https://youtu.be/1La4QzGeaaQ)


2.HTMLで再生する



[check]上記のHTMLソースコードの内容です。

#html2(<iframe width="560" height="315" src="https://www.youtube.com/embed/khfgj149Tgo" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>)



[check]以下のHTML表現でもOKです。

#html{{
<iframe width="560" height="315" src="https://www.youtube.com/embed/khfgj149Tgo" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>)
}}



[check]<注意>

#htmlもしくは#html2による動画表示は、前記の #video と比べて非スマフォ対応であるので、余りお薦めできません。できれば #video を使うことをお薦めします。


3.サムネイルより起動する場合は &video を使います。

20180506_Tokyou_Night.PNG

[check]上記のプラグインの内容です。

&video(https://youtu.be/eggR4dKQR_w){&show(20180506_Tokyou_Night.PNG);};


4.アイコンより起動する場合も &video を使います。

[check]上記のプラグインの内容です。

&video(https://youtu.be/eggR4dKQR_w){&icon(fa,play-circle,3x);};


#video と &video の違いは何なのか?

前々から疑問に思っていたことですが、YouTube動画を見るプラグインの Video には、#video と &video の2種類があります。その違いは書式の一般形が異なります。

[check]#video の一般型

#video(ファイル名,オプション-1)

[check]&video の一般型

&video(ファイル名,オプション-1){オプション-2};
  • オプション-2には、再生ボタンのアイコンや、起動用のサムネイル画像等を指定します。