勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

WordPressにて記事内で動画(mp4)ファイルの再生する方法

   2024/04/25  WordPress

WordPressでyoutube等の動画サイトの埋め込みタグではなく、mp4ファイルをアップロードし、記事上で再生させたいというケースがあった。以下にその方法のメモ。

 

アップロード方法

ダッシュボードメニューのメディア→新規追加からか、記事の作成ページのメディアを追加から普通にアップロードできる。

 

記事上で再生させる方法

記事作成ページでメディアを追加から該当の動画を選択し、投稿に挿入ボタンを押すだけ。

 

サンプル

 

その他

WordPressで画像以外も取り扱えるということをはじめて知った。動画以外にも音楽ファイルもいける模様。

また再生プレイヤーも装備されているところに驚き。

 - WordPress

  関連記事

Video.jsで動画再生開始時と終了時に指定したアクションを発火させる方法
Video.jsで動画再生開始時と終了時に指定したアクションを発火させる方法

以前にYouTube埋め込み動画が再生終了したタイミングでJavaScriptの ...

JavaScriptの動画プレイヤー用ライブラリ「Video.js」の利用方法
JavaScriptの動画プレイヤー用ライブラリ「Video.js」の利用方法

サイト内でYoutube等の動画サイトの埋め込みタグは使用せず、mp4ファイルか ...

Video.jsでテーマを指定して動画プレイヤーのデザインを変更する方法
Video.jsでテーマを指定して動画プレイヤーのデザインを変更する方法

Video.jsで動画プレイヤーのデザインを変更したい。調べたところWordPr ...

Video.jsで表示させた動画プレイヤーに指定したテキスト表示し、位置をランダムに変更する方法
Video.jsで表示させた動画プレイヤーに指定したテキスト表示し、位置をランダムに変更する方法

Video.jsで表示させた動画プレイヤーに指定したテキスト表示し、さらにそのテ ...

JavaScriptの動画プレイヤー用ライブラリ「Plyr」の利用方法
JavaScriptの動画プレイヤー用ライブラリ「Plyr」の利用方法

先日JavaScriptの動画プレイヤー用ライブラリ「Video.js」を試した ...