ビデオ（Video）

ビデオ

WordPressのビデオ機能を使用すると、ビデオファイルを埋め込み、シンプルなショートコード [video] を使用して再生できます。サポートされているファイルタイプはmp4、m4v、webm、ogv、wmv、flvです。

ビデオショートコード

次のショートコードは、pepper.mp4ファイルを読み込むビデオプレーヤーを表示します:

[video src="pepper.mp4"]

テンプレートファイルでショートコードを使用するには、do_shortcode()関数を使用します。ビデオファイルがテーマディレクトリに保存されている場合は、get_template_directory_uri()またはget_stylesheet_uri()を使用してファイルのURLを直接取得します:

$video_file = get_template_directory_uri() . "/videos/pepper.mp4";
echo do_shortcode( '[video mp4=' . $video_file . ']' );

次のビデオプレーヤーが読み込まれます。

ビデオコントロール=”” src=”https://videos.files.wordpress.com/GbdhpGF3/video-25313e7f01.mp4">

ループと自動再生

ショートコードビデオには、オーディオと同じオプションがあります。 ループと自動再生オプションに関する関連セクションを参照してください。

次の例は、ページが読み込まれた後すぐにビデオを再生し、ループします:

echo do_shortcode( '[video mp4=' . $video_file . ' loop="on" autoplay=1]' );

初期画像とスタイリング

次の基本オプションがサポートされています:

ポスター

メディアが再生される前にプレースホルダーとして表示する画像を定義します。

次の同じコードは、album_cover.jpgを(theme directory)/imagesフォルダーに保存された初期画像として使用します:

echo do_shortcode( '[video mp4=' . $video_file . ' poster=' . get_template_directory_uri() . '/images/album_cover.jpg]' );

高さ

メディアの高さを定義します。値はファイルアップロード時に自動的に検出されます。このオプションを省略すると、メディアファイルの高さが使用されます。

幅

メディアの幅を定義します。値はファイルアップロード時に自動的に検出されます。このオプションを省略すると、メディアファイルの幅が使用されます。

テーマのcontent_widthは最大幅を設定します。

次の例は、320ピクセルの幅と240ピクセルの高さでオーディオプレーヤーを読み込みます:

echo do_shortcode( '[video mp4=' . $video_file . ' width=320 height=240]' );

スタイリング

スタイルシートからビデオプレーヤーの外観と感触を変更したい場合は、「wp-video-shortcode」のクラス名をターゲットにできます。上記のように320 x 240サイズでオーディオプレーヤーを表示したい場合は、次のコードをスタイルシートに挿入します:

.wp-video-shortcode {
   height: 240px;
   width: 320px;
}

サポートされているビデオフォーマット

• mp4
• m4v
• webm
• ogv
• flv
  

参考文献

この機能を有効にする内部ライブラリなどの詳細については、次を参照してください:

• https://make.wordpress.org/core/2013/04/08/audio-video-support-in-core/.
• ビデオショートコード
• 関数 do_shortcode()