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

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

      2014/11/22

Google or AdMax Promotion(it)

WordPressで投稿の途中にblip.tvのプレーヤーを埋め込みたいと思ったことは、
おそらくないでしょうね。
ぶっちゃけサンプルに表示しようと思ったコンテンツさえ探すのに苦労しました。

日本向けコンテンツはまずないと思っていいと思いますが、
blip.tvのコンテンツ表示にもJetPackのショートコードが利用できます。

はじめに

WordPressの投稿内にblip.tvのプレーヤーを埋め込む場合には、
blip.tvの[Embed]ボタンから取得した<iframe>タグを貼り付けても構いませんが、
JetPackのショートコードを利用すると簡単です。

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

blip.tv埋め込みの利用方法

WordPress.comヘルプで例示されているコンテンツの埋め込みを行ってみます。
ビデオファイルのページは以下のページです。
Watch WordPress Founder: Mobile Blog Platform Growing Fast | Beet.TV Episodes | News & Politics Videos | Blip

通常の埋め込み方法

通常、blip.tvの[Embed]ボタンから取得した<iframe>タグが取得できます。

01_blip.tvビデオページ埋め込みコード取得

blip.tvビデオページ埋め込みコード取得

クリップボードにコピーしたソースは以下のようなソースです。

実際に埋め込むと以下のようになります。

JetPackによる埋め込み方法

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

ショートコード埋め込みを有効にしたのちは、URLを投稿に貼り付けるだけで、
自動的に埋め込みコードが生成されるようになります。

blip.tvのコンテンツのWebページをブラウザで開いた状態でURLを確認します。

02_blip.tvビデオページURL取得

blip.tvビデオページURL取得

コピーしたURLを投稿エリアに対して貼り付けます。
念のため、貼り付けたURLを選択した状態で[リンクを外す]をクリックします。

03_URLの投稿への貼り付け

URLの投稿への貼り付け

後は、投稿を公開してプレイヤーが表示されていれば作業は終了です。

実際に貼り付けた結果が以下のようになります。

 

以上で、自動的に埋め込まれプレイヤーが表示されるようになります。

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

実際のところ日本のユーザーがblip.tvを利用されることは少ないとは思いますが、
JetPackで対応しているということでご紹介しておきます。

参考

Blip.tv — Support — WordPress.com


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

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


最後までお読みいただきありがとうございました。
アルゴリズン


役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

Pitta Promotion

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

AdMax Promotion

カテゴリ
すべて展開 | すべて省略

Rakuten Promotion

 - jetpack, WordPress , , , , ,

  関連記事