19_05.Flickr Videoプレーヤー表示には、JetpackのFlickr動画ショートコード埋め込み
2014/11/22
WordPressで投稿の途中にFlickr Videoのプレーヤーを
埋め込みたいと思ったことはあるでしょうか。私はあまりありません。
Flickr Videoはあまり接点がないせいかめったにアクセスしていませんが、
Flickr Videoのコンテンツ表示にもJetPackのショートコードが利用できます。
はじめに
WordPressの投稿内にFlickr Videoのプレーヤーを埋め込む場合には、
Flickr Videoのショートコードを利用することができます。
Flickr Video埋め込みの利用方法
JetPackを利用してFlickr Videoの埋め込みを行うには、
JetPackでショートコード埋め込みを有効にする必要があります。
以下の投稿を参考に設定を行ってください。
19.ショートコード埋め込み－Jetpack by WordPress.com
WordPress.comヘルプで例示されているコンテンツの埋め込みを行ってみます。
ビデオファイルのページは以下のページです。
Ferris Wheel | Flickr – Photo Sharing!
Flickr Videoの埋め込みには[ flickr ]というショートコードを利用します。
対象のビデオを指定する方法として、URL、IDの指定方法があります。
また、ビデオ上に情報を表示するか否かの設定が行えます。
URLによる指定方法
上記のサンプルビデオページのURLは以下のようなURLです。
http://www.flickr.com/photos/chaddles/2402990826
2014/01/19追記
どうやらFlickr Videoでも、Dailymotionなどと同じようにURLを貼り付けると、
ビデオプレイヤーで表示されうようで、無理にショートコードを利用する必要はありません。
ただ、ショートコードからは情報の表示非表示、サイズ変更などが行える分自由度が高くなります。
URL指定による表示例
このビデオのURLをショートコードの後ろに指定し埋め込みを行います。
|
1 |
[flickr video=http://www.flickr.com/photos/chaddles/2402990826] |
実際には以下のように表示されます。
IDによる指定方法
上記のサンプルビデオページのURLは以下のようなURLの末尾の数字を利用する方法もあります。
http://www.flickr.com/photos/chaddles/2402990826
IDを利用する方法のショートコードは以下のようになります。
|
1 |
[flickr video=2402990826] |
実際には以下のように表示されます。
情報表示非表示の制御
通常、ビデオプレイヤーの上には作者などの情報が表示されます。
その表示される情報を、非表示にすることができます。
ショートコードに対して「show_info=no」を付加して設定します。
|
1 |
[flickr video=2402990826 show_info=no] |
実際には以下のように表示され、情報が表示されないようになります。
ビデオサイズの変更
埋め込みビデオプレイヤー自体のサイズをショートコードで指定することができます。
ショートコードに対して「w=200 h=150」と縦横サイズを指定します。
|
1 |
[flickr video=2402990826 w=200 h=150] |
実際には以下のように表示され指定サイズでコントロールが表示されます。
さいごに
Flickr Videoのコンテンツに検索から遭遇することがあまりないので、
利用していませんでしたが、日本語のコンテンツは少なそうな印象です。
とはいえ、 Flickr Videoにしかないコンテンツを紹介しようと思った際には、
こうした方法で共有されるといいと思います。
参考
Flickr Video — Support — WordPress.com
WordPressはWordPress Foundation の登録商標（第５０４９９６５号）です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。
Rakuten Promotion
関連記事
-
-
LinkedIn™への共有をJetpack by WordPress.comで行う動作
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordPressのサイドバーにサイト内検索フィールド(ボックス)を設置する方法(標準)
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
JetPack by WordPress.comのカスタムCSSを外部サイト(外部HTML)から参照する
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
wordpressの投稿にページ送り(next page,pagenation)を表示する方法
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
.htaccessのRewriteBase動作を改めて確認してみました
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
wordpress標準のコメントシステムの入力・承認フロー
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
wordpressサイトにさりげなく表示されたスマイルマーク（^-^）は何か
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
ローカル環境へのwordpress設置
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
Zenbackプラグインで利用のスクリプトコードを取得する
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
23.追加ウィジェット－Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …