勉強したことのメモ

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

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

   2024/04/25  WordPress

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

 

アップロード方法

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

 

記事上で再生させる方法

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

 

サンプル

 

その他

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

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

 - WordPress

  関連記事

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

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

Video.jsでYoutube動画を取り扱う方法
Video.jsでYoutube動画を取り扱う方法

Video.jsでYoutube動画を取り扱いたい。具体的にはVideo.jsの ...

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

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

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

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

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

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