勉強したことのメモ

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

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

   2024/04/25  WordPress

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

 

アップロード方法

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

 

記事上で再生させる方法

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

 

サンプル

 

その他

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

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

 - WordPress

  関連記事

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

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

vimeoの動画URLからサムネイル画像用URLを取得する方法(oEmbed API)
vimeoの動画URLからサムネイル画像用URLを取得する方法(oEmbed API)

vimeoの動画URL(https://vimeo.com/xxxxx)からサム ...

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

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

ブラウザから動画ファイル名を確認できないようにPHPで動画を出力する方法
ブラウザから動画ファイル名を確認できないようにPHPで動画を出力する方法

Webページ上で動画ファイルを再生したい場合、通常だとブラウザのソースコード上に ...

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

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