WordPressのサイトへ動画を埋め込みたいということで
動画のプレイヤーのプラグインを探しました。
ショートコード(専用のタグ)でコピペで導入も簡単でした。
MediaElement.jsのプラグインを導入しました
WordPressの管理画面のプラグインで新規追加で
「MediaElement.js」を追加して有効化します。
設定方法は、
Video Settingsの設定方法
- Default Width:ビデオプレイヤーの横幅を入力します
- Default Height:ビデオプレイヤーの高さを入力します
- Default Type:ビデオのMIMEやコーデックを設定できます
- ここでは例と同じように、「video/mp4」 と記入しました
- Video Skin:ビデオプレイヤーのスキン(見た目のデザイン)を3つから選択できます
Audio Settings
- Default Width:オーディオプレイヤーの横幅を入力します
- Default Height:オーディオプレイヤーの高さを入力します
- Default Type:オーディオのMIMEやコーデックを指定できます
- ここでは、「audio/mp3」としておきます。
ビデオ、動画やオーディオ、音声の埋め込み方法
動画をWordPressサイトに埋め込む方法
動画をサイト内に埋め込む場合には 以下のように専用のショートコードを書きます。
[video src=”http://miyuki.tv/demo.mp4″] [video src=”http://miyuki.tv/demo.mp4″width=”640″ height=”360″]
オーディオ(音声)をサイト内に埋め込む場合のショートコードはこちらです。
[audio src=”http://miyuki.tv/demo.mp3″]プロフィール
-
こんにちは、三重県四日市出身です。ネットショップやWordPressなどの制作やコンサルやセミナー講師等で教えています。このブログは最近雑多になってしまったため、備忘録として色々書いています。
■ はっちゃんセミナー
最新記事一覧
- 海外ドラマ・映画2024年11月5日映画「インディペンデンスデイ」の大統領の演説の英語と日本語訳
- 新着2024年10月18日Elementorで作ったサイト【日本サイトの事例集】デモ・デザインの参考に
- 新着2024年10月17日おすすめのピックルボールのパドル(ラケット)紹介
- 新着2024年10月17日ナッジ理論とは?個人でも中小企業でも使える行動理論