Auto Post Thumbnailを入れましたが・・・。動画のサムネイルが表示されない。

Simplicityの特徴 フォーラム Simplicityについての質問 Auto Post Thumbnailを入れましたが・・・。動画のサムネイルが表示されない。

このトピックには12件の返信が含まれ、2人の参加者がいます。3 年、 12 ヶ月前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #21645

    ぱく

    超素人です。

    Auto Post Thumbnailを入れてみましたが、

    動画のサムネイル表示されないのでしょうか?

    静止画はサムネイル表示されています。

    ご教授よろしくお願いいたします。

  • #21646

    がちょぴん

    ぱくさん

    わいひらさんは「Auto Post Thumbnail」
    プラグインの作者ではないのでサポート対象外?だと思います。

  • #21671
    わいひら
    わいひら
    キーマスター

    普通動画は、そのままではサムネイルになりません。
    YouTubeなどは、動画ファイルがあるわけでもなく、タグが埋め込んであるだけですし。

  • #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の一部とちょっとバッティングしている所もある為、ちょいといじらないといけないので強くはオススメしませんが、オススメのプラグインの一つです。

    自分ブログ プラグイン紹介ページ

    もし例えば動画プレイヤーを埋め込まず動画のサムネイルを埋め込むだけで新着部分に画像が自動で入るのであれば」ここができるかどうかがポイントですね。ひと工夫いりそうです。

  • #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">

  • #21694
    わいひら
    わいひら
    キーマスター

    サムネイルには、そんないろいろあったのですね。
    詳しい仕様は知りませんでした。

    一応、サムネイルがあるのは知っていたのですが、今回は、Auto Post Thumbnailプラグイン質問だったので。
    確か、Auto Post Thumbnailには、YouTubeからサムネイルを取得する機能はなかったかと記憶しています。
    ですので、プラグインの利用で「そのままではサムネイルになりません」と書かせていただきました。

  • #21695

    hidekichi

    >>わいひらさん
    おそらく言われているように「Auto Post Thumbnailプラグイン」ではそのままではサムネイルにならないと言うのはその通りですね。

    ただ僕は、
    >静止画はサムネイル表示されています。

    こっちが気になったんです。もしSimplicity側で記事の最初の画像をアイキャッチ画像として拾えるようにできるのであれば、サムネイルを表示する事は可能ではないかと思った次第です。
    これであれば、いちいちアイキャッチ画像を登録しなくても良くなりますし、投稿時に自動で処理できたらなぁと(爆)
    可能であればパクさんが言われているプラグインも不必要になりますしね。
    ちょっとばかりの機能追加の要望も入れてみちゃったりも(笑)

    アイキャッチ画像を別のものにしたい時は手動で設定、それ以外は自動で最初の1枚をアイキャッチ画像にできたら便利になるのではと思うんですがどうでしょう?

  • #21703
    わいひら
    わいひら
    キーマスター

    なるほどー。
    あると、確かに楽な機能ですよね。
    アイキャッチを設定しないで、サムネイルが表示されないという問い合わせも結構ありますし。

    ちょっとAuto Post Thumbnailの中身を覗いてみます。

  • #21709

    がちょぴん

    有料「Auto Post Thumbnail PRO」購入すれば、
    動画含め色々な機能が利用できるようになるそうです。
    URL:http://goo.gl/QeXxYv

  • #21710
    わいひら
    わいひら
    キーマスター

    なんと。
    そういった機能があるものもあるんですね。
    8ドルなら、YouTube動画のサムネイルを自動取得したい場合は、これを使えば良いのかも。

  • #21713

    ぱく

    皆さんありがとうございました。

    私にとっては少しハードルが高い内容のお話でした・・・。

    ぐぐってみたところ、

    YouTubeの動画からブログ記事のアイキャッチ画像を自動的に作成する方法が

    書かれていました。

    http://www.dream-seed.com/weblog/archives/2013/03/25965/

    少し勉強してみます・・・。

    とりあえず解決済みでお願いしま~す!

  • #21715

    がちょぴん

    ぱくさん

    注意点としてこの方法で対応できても、
    いずれはバージョンアップで対応できなくなる場合もあります。
    (コード変更しないでPRO版を購入しろよ!という開発者の思いから)

  • #21719
    わいひら
    わいひら
    キーマスター

    ぱくさん情報ありがとうございます。

    もし、SimplicityにAuto Post Thumbnail機能を追加できそうならその機能もつけたいと思います。

トピック「Auto Post Thumbnailを入れましたが・・・。動画のサムネイルが表示されない。」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)