1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ローカルホストで動かすdocker wordpressで動画を埋め込む。別の物理サーバもしくはストレージに動画を参照させる方法。

Posted at

方法

①wordpressの記事投稿or編集画面からメディアアップロードで動画をUPする。
②webサーバーを使い、そこに動画を置く。wordpressはそこを参照する。

①だと問題点がありますので、②を試す記事になります。

メディアアップロードで動画を上げると、wordpressを稼働しているストレージがパンパンになる

イメージこれ↓

image.png
【想定されるケース】
512GBが一杯になってきましたので、外付けで512GBを買います。もしくはほかのサーバーに動画を移したい。

外付けのパターン
image.png

他の物理サーバのパターン
image.png

どっちのパターンでもdockerの上にwebサーバをたてる。↓たてかた 他の物理サーバの場合はdockerインストール終わらせとくように。

ディレクトリ作成

image.png

docker-compose.yml作成


version: '3'
services:
  apache-server:
    image: httpd:latest
    ports:
      - "8082:80" # ポート8082でアクセス可能に
    volumes:
      - D:\Docker_app\docker_wordpress_videos:/usr/local/apache2/htdocs

再生させたい.mp4ファイルをD:\Docker_app\docker_wordpress_videosディレクトリに保存します。

WordPressで動画を埋め込む

<video width="640" height="360" controls>
    <source src="http://192.168.0.199:8082/2_01331.mp4" type="video/mp4">
    お使いのブラウザは動画再生に対応していません。
</video>

注意点とまとめ

.MTSはブラウザで再生できないので、XMedeaRecodeなど拡張子変換ソフトを使って.MTS→.mp4に変換します。
mp4になった動画をwebサーバーにおきます
※webページは直接パソコンのディレクトリを覗きにいけないので、webサーバーをパソコンの中にたててwebサーバを参照しに行かせる必要があります。
webサーバにおいた動画ファイルのリンクをwordpressの記事に埋め込んで終わりっ!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?