勉強したことのメモ.

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

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

   2024/04/25  WordPress

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

 

アップロード方法

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

 

記事上で再生させる方法

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

 

サンプル

 

その他

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

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

 - WordPress

  関連記事

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

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

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

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

Video.jsで動画プレイヤーのシークバーを非表示にし早送りさせない方法
Video.jsで動画プレイヤーのシークバーを非表示にし早送りさせない方法

Video.jsで動画を早送りさせないようシークバーを非表示にしたい。ただ、オプ ...

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

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

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

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