LogoMark.png

Plugin/Video の変更点


#author("2020-03-08T22:49:30+09:00","default:inoue.ko","inoue.ko")
#navi(../)
~

&color(red){このプラグインは現在使用されていません。};
~

#progress
|50|50|c
|#video(100%)|#video(100%,flip-h)|
|#video(100%,flip-v)|#video(100%,flip-v,flip-h)|

~

***動画の表示
レイアウトされたボックスに動画をドロップして再生することができます。
 #video( 幅(%) , [ オプション ] )
~

-動画の形式: webm, ogv, mp4 の形式に対応しています(ブラウザ依存)。
-幅:"100%" ,  "50%" など、"%"文字 を含めて指定して下さい。
--アスペクト比は自動的に動画素材に合わせられます。
--直接配置した場合はコンテンツ領域幅を100%とした比率になります。
--表組みにした場合はセル幅を100%とした比率になります。
-オプション(半角カンマで区切って記載して下さい。順序は任意)
--standby:ページ読み込み時は待機状態(デフォルトは自動再生)
--sound:音声を出力(デフォルトは無音)
--once:再生は1回のみ(デフォルトはループ再生)
--flip-h:左右反転
--flip-v:上下反転
-記述例
 #video( 50%, standby, flip-v )
-表示例
 |50|5|45|c ← 数字は%
 |#video(100%,sound)| (空白) |''Title''&br;説明文|
|50|5|45|c
|#video(100%,sound)||''Title''&br;説明文|
~

***上映モード
ページ右上の&fontawesome(fa fa-television,true, FullScreen); をクリックすると上映モードになります。
-表組みされた映像部分のみが中央に表示されます。
 |50|50|c ← 幅を指定しないと素材に影響されます
 | #video(100%,sound) | #video(100%,sound) |
|50|50|c
|#video(100%,sound)|#video(100%,sound)|

-キーボードで以下の操作が可能です
&small(全要素をキーボード制御するには、VIDEO要素外の余白部分をクリックして下さい。);
--動画のサイズ調整 : ↑ ↓
--目地のサイズ調整 : ← →
--サイズのリセット:HOME
--動画・音声の一時停止・再生:SPACE
--動画・音声の一括頭出し:ENTER
~
~
#navi(../)
~