勉強したことのメモ

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

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

   2024/04/25  WordPress

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

 

アップロード方法

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

 

記事上で再生させる方法

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

 

サンプル

 

その他

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

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

 - WordPress

  関連記事

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

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

Video.jsで表示させた動画プレイヤーにロゴ画像(透かし)を追加する方法(videojs-logo)
Video.jsで表示させた動画プレイヤーにロゴ画像(透かし)を追加する方法(videojs-logo)

Video.jsで表示させた動画プレイヤーの右上等、指定の位置にロゴ画像(透かし ...

Video.jsの動画プレイヤーにVTTファイルで字幕機能を実装する方法
Video.jsの動画プレイヤーにVTTファイルで字幕機能を実装する方法

Video.jsの動画プレイヤーに字幕機能を実装したい。調べたところVTT(Vi ...

ボタンをクリック時にVideo.jsの動画プレイヤーをモーダルウィンドウ表示させる方法
ボタンをクリック時にVideo.jsの動画プレイヤーをモーダルウィンドウ表示させる方法

ボタンやリンクをクリックした際、Video.jsの動画プレイヤーをモーダルウィン ...

HTML内に動画(mp4ファイル)を埋め込んで配信する方法
HTML内に動画(mp4ファイル)を埋め込んで配信する方法

Webページ内にYoutubeとかを用いずに動画(mp4)ファイルを配信したいと ...