Simplicityの特徴 › フォーラム › Simplicityについての質問 › Auto Post Thumbnailを入れましたが・・・。動画のサムネイルが表示されない。
-
投稿者投稿
-
-
2015年2月23日 4:35 PM #21645
ぱく
ゲスト超素人です。
Auto Post Thumbnailを入れてみましたが、
動画のサムネイル表示されないのでしょうか?
静止画はサムネイル表示されています。
ご教授よろしくお願いいたします。
-
2015年2月23日 4:52 PM #21646
がちょぴん
ゲストぱくさん
わいひらさんは「Auto Post Thumbnail」
プラグインの作者ではないのでサポート対象外?だと思います。 -
2015年2月23日 7:34 PM #21671
わいひら
キーマスター普通動画は、そのままではサムネイルになりません。
YouTubeなどは、動画ファイルがあるわけでもなく、タグが埋め込んであるだけですし。 -
2015年2月23日 10:25 PM #21692
hidekichi
ゲスト>>わいひらさん
Youtubeはサムネイル取得できますよ、ふふふ。
まぁ色々としないといけないので自動ではムリかも知れませんが、一応方法を。◆Video IDの部分
https://www.youtube.com/watch?v=******* の *******部分がVideo ID◆x.jpgにあたる部分。
mqdefault.jpg – 320×180px
0.jpg – 480×360px
1.jpg – 120×90px
2.jpg – 120×90px
3.jpg – 120×90px
← 480x360pxのサムネイル取得と言う感じ
ちなみに、昔に運営していたサイトの一部で取得例(サンプル)があったので急遽アップロードしました。
これらはまた新たに時間がある時に自分のブログに内容解説を書こうかと思いますが(昔は解説して公開していた)、現在以下のリンクのページ内のリンクは以前のサーバーのリンクとなっているので、サムネイル取得の機能だけ試していただけます。それ以外はリンク切れになっているでしょう。サンプルページ: できればjQueryのみでリストから任意の場所にYoutubeの動画を埋め込む part4
◆サンプルページ使用方法
何かしらのキーワードを入れて、enterでYoutubeから動画サムネイルを取得します。
上部に表示されたサムネイル一覧をクリックすると中央にプレイヤーを埋め込み、関連する動画を画面下部に表示するというものです。
ファイル名はsample004.phpとなっていますが、中身は全てjQueryのみで動作しています(HTMLも基本部分だけで9割jQuery)内容として、jqueryの$.getJSONで動画サムネイルを取得しているので、改造してもらえればSimplicityの機能としても活用できるかも知れません。
どうせブログで公開するので、ここにサンプル内でサムネイルを取得しているであろう部分のスクリプトをコピペしておきます。var delkey = "+-結婚+-コピー+-カバー+-開封+-弾いてみた+-歌ってみた+-copy+-cover+-karaoke+-無料+-限定"; var keywordall = keyword + delkey; var uri = 'http://gdata.youtube.com/feeds/api/videos?q='+ keywordall +'&max-results=10&alt=json'; var videoURL= 'http://www.youtube.com/watch?v='; $.getJSON(uri, function(gdata) { var list_data=""; $.each(gdata.feed.entry, function(i, item) { var title = item.title.$t; var fUrl = item.link[1].href; // http://gdata.youtube.com/feeds/api/videos/動画ID/responses var fragments = fUrl.split("/"); //["http:", "", "gdata.youtube.com", "feeds", "api", "videos", "動画ID", "responses"] var videoID = fragments[fragments.length - 2]; var url = videoURL + videoID; var thumb = "http://img.youtube.com/vi/"+ videoID +"/default.jpg"; list_data += '<div class="ytv">' + '<a class="idVal" href="'+ videoID +'" title="'+ title +'">' // ここのclassをプレーヤー表示部分で読み取る + '<img alt="'+ title+'" src="'+ thumb +'"></a><br>' + '<a href='+ url +' title="Youtubeで直接見る方はこちら">DirectLink to Youtube</a></div>'; }); $(".videos").append(list_data); });
これだけでサンプルページと同等の動作をするわけではありませんが、サムネイル取得をfeed.apiから取得しているのがミソです。jsonでデータ取得して整形…ほら、意味合い的にはsimplicityのSNSボタンみたいなもんでしょう?
まぁ自力でやるとこういう感じ(サンプルページ)の動画プレイヤー埋め込み、サムネイル取得となりますが、もし例えば動画プレイヤーを埋め込まず動画のサムネイルを埋め込むだけで新着部分に画像が自動で入るのであれば、プラグインで Advanced Responsive Video Embedder と言うのがあります。これはサムネイルで動画を埋め込み、クリックでプレイヤーをその場所に読み込むと言うプラグインです。もちろんプレイヤーで埋め込むことも可能です。レスポンシブです(笑)ほぼ自動(youtube他のアドレスを設定するだけで)でvideo idを拾ってくれます。
レスポンシブの部分がSimplicityの一部とちょっとバッティングしている所もある為、ちょいといじらないといけないので強くはオススメしませんが、オススメのプラグインの一つです。「もし例えば動画プレイヤーを埋め込まず動画のサムネイルを埋め込むだけで新着部分に画像が自動で入るのであれば」ここができるかどうかがポイントですね。ひと工夫いりそうです。
-
2015年2月23日 10:26 PM #21693
hidekichi
ゲストうほう、code入れるの忘れた
最初の画像部分は
<img src="http://img.youtube.com/vi/Video ID/x.jpg">
次の画像部分は
<img src="http://img.youtube.com/vi/Video ID/0.jpg">
-
2015年2月23日 10:41 PM #21694
わいひら
キーマスターサムネイルには、そんないろいろあったのですね。
詳しい仕様は知りませんでした。一応、サムネイルがあるのは知っていたのですが、今回は、Auto Post Thumbnailプラグイン質問だったので。
確か、Auto Post Thumbnailには、YouTubeからサムネイルを取得する機能はなかったかと記憶しています。
ですので、プラグインの利用で「そのままではサムネイルになりません」と書かせていただきました。 -
2015年2月23日 11:01 PM #21695
hidekichi
ゲスト>>わいひらさん
おそらく言われているように「Auto Post Thumbnailプラグイン」ではそのままではサムネイルにならないと言うのはその通りですね。ただ僕は、
>静止画はサムネイル表示されています。こっちが気になったんです。もしSimplicity側で記事の最初の画像をアイキャッチ画像として拾えるようにできるのであれば、サムネイルを表示する事は可能ではないかと思った次第です。
これであれば、いちいちアイキャッチ画像を登録しなくても良くなりますし、投稿時に自動で処理できたらなぁと(爆)
可能であればパクさんが言われているプラグインも不必要になりますしね。
ちょっとばかりの機能追加の要望も入れてみちゃったりも(笑)アイキャッチ画像を別のものにしたい時は手動で設定、それ以外は自動で最初の1枚をアイキャッチ画像にできたら便利になるのではと思うんですがどうでしょう?
-
2015年2月24日 2:02 PM #21703
わいひら
キーマスターなるほどー。
あると、確かに楽な機能ですよね。
アイキャッチを設定しないで、サムネイルが表示されないという問い合わせも結構ありますし。ちょっとAuto Post Thumbnailの中身を覗いてみます。
-
2015年2月24日 2:37 PM #21709
がちょぴん
ゲスト有料「Auto Post Thumbnail PRO」購入すれば、
動画含め色々な機能が利用できるようになるそうです。
URL:http://goo.gl/QeXxYv -
2015年2月24日 5:30 PM #21710
わいひら
キーマスターなんと。
そういった機能があるものもあるんですね。
8ドルなら、YouTube動画のサムネイルを自動取得したい場合は、これを使えば良いのかも。 -
2015年2月24日 6:18 PM #21713
ぱく
ゲスト皆さんありがとうございました。
私にとっては少しハードルが高い内容のお話でした・・・。
ぐぐってみたところ、
YouTubeの動画からブログ記事のアイキャッチ画像を自動的に作成する方法が
書かれていました。
↓
http://www.dream-seed.com/weblog/archives/2013/03/25965/
少し勉強してみます・・・。
とりあえず解決済みでお願いしま~す!
-
2015年2月24日 6:26 PM #21715
がちょぴん
ゲストぱくさん
注意点としてこの方法で対応できても、
いずれはバージョンアップで対応できなくなる場合もあります。
(コード変更しないでPRO版を購入しろよ!という開発者の思いから) -
2015年2月24日 8:12 PM #21719
わいひら
キーマスターぱくさん情報ありがとうございます。
もし、SimplicityにAuto Post Thumbnail機能を追加できそうならその機能もつけたいと思います。
-
-
投稿者投稿
- トピック「Auto Post Thumbnailを入れましたが・・・。動画のサムネイルが表示されない。」には新しい返信をつけることはできません。