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

19_04.Dailymotionプレーヤー表示には、Jetpackのdailymotion動画ショートコード埋め込み

      2014/11/22

WordPressで投稿の途中にDailymotionのプレーヤーを
埋め込みたいと思ったことはあるでしょうか。私はあまりありません。
Dailymotionはあまり接点がないせいかめったにアクセスしていませんが、
Dailymotionのコンテンツ表示にもJetPackのショートコードが利用できます。

はじめに

WordPressの投稿内にDailymotionのプレーヤーを埋め込む場合には、
DailymotionのURLをそのまま貼り付ける方法とショートコードを利用する方法があります。

Dailymotion埋め込みの利用方法

JetPackを利用してDailymotionの埋め込みを行うには、
JetPackでショートコード埋め込みを有効にする必要があります。
以下の投稿を参考に設定を行ってください。
19.ショートコード埋め込み-Jetpack by WordPress.com

WordPress.comヘルプで例示されているコンテンツの埋め込みを行ってみます。
ビデオファイルのページは以下のページです。
▶ Warp Whistle – Video Dailymotion

URLによる埋め込み方法

Dailymotionで埋め込みたいビデオをブラウザで開きURLをコピーします。

01_DailymotionビデオページURL取得

DailymotionビデオページURL取得

コピーしたURLを投稿エリアに対して貼り付けます。

02_DailymotionビデオページURLの貼り付け

DailymotionビデオページURLの貼り付け

実際には以下のように表示されます。

ショートコードによる埋め込み方法

URL直接貼り付けにて埋め込みが行えますので、
わざわざショートコードを利用する必要はありませんが、ショートコードを利用して埋め込むことも可能です。

ショートコードを利用するにはビデオコンテンツのIDを取得する必要があります。
コンテンツのIDはURLから取得できます。
以下のビデオで言えば「x8oma9」部分がIDになります。

03_DailymotionビデオIDの取得

DailymotionビデオIDの取得

コピーしたIDを以下のようにショートコードに対して設定します。

04_Dailymotionビデオショートコード貼り付け

Dailymotionビデオショートコード貼り付け

実際には以下のように表示されます。

[dailymotion id=x8oma9]

 

簡単にDailymotionのコンテンツを埋め込むことができます。

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

Dailymotionのコンテンツに検索から遭遇することがあまりないので、
利用していませんでしたが、意外と日本語のコンテンツも存在しているようです。

ただ、どうも目的のコンテンツを探し出す方法が分かりにくく、あまり使わないかなといった感じです。

とはいえ、 Dailymotionにしかないコンテンツを紹介しようと思った際には、
こうした方法で共有されるといいと思います。

参考

Dailymotion — Support — WordPress.com


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

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


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

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

AdMax Promotion

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

Rakuten Promotion

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

 - jetpack, WordPress , , , , ,

  関連記事

eye_netowl
Netowl™の無料WordPressサーバWPblogの利用登録

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

eye_twitter
WordPress投稿本文中にTwitter™タイムライン(timeline)ウィジェットを表示する

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

eye_vaultpress
WordPressで別のサイトに復旧(テスト・一時)サイトを公開し重複サイトを回避する一案

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

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

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

eye_jetpack
JetPack Photonのキャッシュ画像は更新できない

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

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

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

eye_wordpress
WordPress4.0以降は「define(‘WPLANG’, ‘ja‘);」言語指定が不要になった

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

eye_wordpress
WordPressの独自ショートコード埋め込みにJavaScript外部ファイルを指定する

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

eye_wordpress
Welcart e-Commerce_v1.3.15プラグインの各機能と初期状態画面

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

eye_amazon
Amazonアソシエイトとwordpressキャッシュプラグインの併用にご注意

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