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

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

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機能を追加できそうならその機能もつけたいと思います。

12件の返信スレッドを表示中
  • トピック「Auto Post Thumbnailを入れましたが・・・。動画のサムネイルが表示されない。」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)