頑張らない!でも諦めない!必死にならずにええかげん

WordPressサイトへの動画埋め込みをプラグインレスで行う方法

      2015/04/30

WordPressのサイトに動画を埋め込んで表示したいと思う場合があると思います。
そんな時はプラグインを利用して埋め込むこともできますが、
WordPressでは多くの動画サイトのURLをそのまま投稿に貼り付けることで、
JetPackなどを利用しなくてもビデオコントロールとして表示されます。

はじめに

JetPackのショートコード埋め込みの機能を調べていて、
動画のURLを貼り付けるだけでも動画コントロールを表示できるとヘルプに記載されています。

実際、ショートコードの機能を停止した場合でも、
URLの動画コントロール変換が行われますのでご紹介しておきます。

尚、JetPackを利用したショートコード埋め込みに関しては以下でご紹介しています。
19.ショートコード埋め込み-Jetpack by WordPress.com

今回埋め込みを行う動画サイトは、このショートコードに対応している動画サイトのものを利用します。

当サイトではJetPackは運用中ですが、
キャプチャ画像はJetPackの全機能停止状態とJetPack未導入環境双方で確認しています。

各社URLの埋め込みと表示(JetPack未導入・停止問わず)

ここではJetPackプラグインを有効化している状態で、
すべての機能を無効化した状態で各社のURLを投稿に挿入した際の表示をご紹介します。

blip.tv

投稿に貼り付けたURLソース
http://blip.tv/beettv/matt-mullenweg-wordpress-6163298

URLの取得方法などについては以下で触れています。
19_03.blip.tvプレーヤー表示には、Jetpackのblip.tv動画ショートコード埋め込み

テスト環境による表示

01_blip.tv

blip.tv

実際のURL埋め込み動作

dailymotion

投稿に貼り付けたURLソース
http://www.dailymotion.com/video/x8oma9_warp-whistle_shortfilms

URLの取得方法などについては以下で触れています。
19_04.Dailymotionプレーヤー表示には、Jetpackのdailymotion動画ショートコード埋め込み

テスト環境による表示

02_dailymotion

dailymotion

実際のURL埋め込み動作

flickr

投稿に貼り付けたURLソース
http://www.flickr.com/photos/chaddles/2402990826

URLの取得方法などについては以下で触れています。
19_05.Flickr Videoプレーヤー表示には、JetpackのFlickr動画ショートコード埋め込み

テスト環境による表示

03_flickr

flickr

実際のURL埋め込み動作

vimeo

投稿に貼り付けたURLソース
http://vimeo.com/44633289

URLの取得方法などについては以下で触れています。
19_09.Vimeoプレーヤー表示には、Jetpackのvimeo動画ショートコード埋め込み

テスト環境による表示

04_vimeo

vimeo

実際のURL埋め込み動作

youtube

投稿に貼り付けたURLソース
http://www.youtube.com/watch?feature=player_embedded&v=JaNH56Vpg-A

URLの取得方法などについては以下で触れています。
19_10.Youtubeプレーヤー表示には、Jetpackのyoutube動画ショートコード埋め込み

テスト環境による表示

05_youtube

youtube

実際のURL埋め込み動作

wpvideo (VideoPress)

投稿に貼り付けたURLソース
http://wordpress.tv/2009/05/13/introducing-videopress-for-wordpress-com/

URLの取得方法などについては以下の通りです。
http://wordpress.tv/などに公開されている動画をブラウザで開きます。

ブラウザに表示だれている動画URL
例)http://wordpress.tv/2009/05/13/introducing-videopress-for-wordpress-com/ などを
そのまま投稿エリアに貼り付ければ完了です。

テスト環境による表示

06_wpvideo (VideoPress)

wpvideo (VideoPress)

実際のURL埋め込み動作

 

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

このことから代表的な動画サイトのURLをWordPressに貼り付けると、
特に別途プラグインなどを導入することなく、動画コントロールを設置・埋め込みすることができます。

通常はこうした導入方法で特に問題はないでしょう。


WordPressはWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - WordPress , , ,

  関連記事

eye_vaultpress
VaultPress™を利用して別のサイトに復旧(テスト・一時)サイトを構成する手順

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
19_07.SlideShareプレゼンテーション表示には、Jetpackのslideshareショートコード埋め込み

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressテーマファイルの編集に子テーマ利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
20.モバイル用テーマ-Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
投稿の前後に任意のタグを挿入にEZ Zenback-wordpressプラグインを利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_php
PHPを1行目の[#!php-cgi]を省いて(書かずに)CGI実行する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
02.通知の機能-Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressバージョンとJetPackバージョンの対応表

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
Jetpackのwordpress.com連携でエラーは競合が原因だった

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_local_apache
ローカル環境へのApache設置

Google or AdMax Promotion(it) 禁断の機能がau公式 …