>> ホーム
>> RSS1.0 |
|
|
|
|
最新トラックバック |
|
|
|
|
月別アーカイブ |
|
|
|
|
カレンダー |
03
| 2024/04 |
05
日 |
月 |
火 |
水 |
木 |
金 |
土 |
- |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
- |
- |
- |
- |
|
|
|
|
ぶろぐらんきん |
|
|
|
|
カリビアンコム |
|
|
|
|
|
|
ロザリオとバンパイアグッズ |
|
|
|
|
アニメZippo |
|
|
|
|
YouTube 動画のサムネイルURLを取得 |
Googleといっしょになったらしい。ブログパーツとして開発者向けwebサービスを以前から利用できます。 Application Programming Interface 略してAPI なんだかwebプログラマー気分にひたってしまいそうです。 この"あぴ”wをダイレクトに利用してサムネイルを取得(リンク)してブログに貼れば、いろんな意味で楽だねっていうことです。 “なにごとも基本が大切です”(おっ)
YouTube動画プレイヤーのすぐ下にあるボタン 共有→埋め込みコード で、埋め込みコードを選択コピー自分の書類などに保管します。APIでサムネイル利用のために必要な材料は、まずその中に含まれている動画IDです。
例:(記述はヤマカギかっこ<>を和文表記しています。) <iframe width="560" height="315" src="http://www.youtube-nocookie.com/embed/f08IwbowGF4" frameborder="0" allowfullscreen></iframe>
URL要素のなかの最後の方にあります。後ろにいろいろ文字が付加されている場合もあります。
例: "http://www.youtube.com/v/f08IwbowGF4?version=3&hl=ja_JP&rel=0" type="application/x-shockwave-flash"
なんとなく動画IDのクセがつかめたでしょうか。 つぎにブラウザで その動画IDを http://gdata.youtube.com/feeds/api/videos/の末尾に加えてGO!
例:の動画の場合、 http://gdata.youtube.com/feeds/api/videos/f08IwbowGF4 のURLをブラウザ表示します。
なんか文字がごちゃごちゃいっぱいだ〜 このページでthumbnail url=とか.jpgとかで文字を検索してみます。URL要素が発見できたでしょうか。色が付いて4つぐらい検索ヒットしていると思います。
例:の場合、 http://i.ytimg.com/vi/f08IwbowGF4/0.jpg など、合計4カ所あります。おもしろそうなので、つぎつぎペーストしてブラウザで表示してみましょう。
大きさなども考慮して、気に入ったサムネイルURLを使用すると良いでしょう。
別の動画も試してみますと、サムネイルURLに共通箇所があることに気づきます。
例:の動画のサムネイルURL(0.jpgでOKなら) http://i.ytimg.com/vi/f08IwbowGF4/0.jpg 別の動画のサムネイルURL http://i.ytimg.com/vi/N83imq69O5s/0.jpg
そです、今まで長々と文章を連ねてきたのはこれを順序だてて伝えるためです。じゃあ最初からこれだけ伝えてよってカンジ。…ではなくて、“なにごとも基本が大切です” 少しも掘り下げずにただ利用していると、わずかなアクシデントで行き詰まり、対処の幅も狭いでしょう。包丁の怖さを知らない人が、いきなりフードソーサーを使うようなものです(べつにいいかなw)。情報量の違いわ明白です。
ポイント ●これはYouTube動画に限った説明である。 ●YouTube動画サムネイルURLは、そのYouTube動画固有のあいでぃを含む文字列 http://i.ytimg.com/vi/あいでぃ/0.jpg で一足飛びに得られる。 ●なんかうまくいかないとか、違うサムネイルも見てみたい場合には、そのYouTube動画固有のAPIページを開いて模索してみる。 http://gdata.youtube.com/feeds/api/videos/あいでぃ
|
▼ブログ作成
| トラックバック:0 | コメント:0
[ 2011/11/23(水) 02:16 ] |
|
WEBサービスのサムネイル作成サイトを利用してみる |
このサイトのシャドウが付いているサムネイルはHeartRails Capture | サムネイル画像/PDF ファイル作成サービスで、作成しています。
メリットは ●サムネイル画像を用意しなくて済む。 ●容量消費を押さえられる。 ●簡単にシャドウが付けられる。…など数えきれません(3つじゃんw)。
取得失敗(動画のLoading状態の黒いサムネイルとか)しても何度でも更新できます更新方法は最後にポイントにて後述します。 利用方法は
項目
Capture サイト、あるいわ動画のURLをコピーペースト XVideos の動画の場合、既にご存知かと思いますが、動画プレーヤー右下のMENU→Embed codeで、Embed codeならびにPhp BB Codeを取得できます。 httpから始まるURL要素だけをペーストします。
モード:フリーサイズ or 固定サイズ(固定サイズボタンを押すと画面が切り替わります。5種類から選択。) 横サイズ:000pixel 縦サイズ:000pixel 背景色:htmlの色値(自分のサイトの色と一緒にしたい、シャドーを付けて張ってみたらサイトの地色となじまなかった場合などに) 装飾:影&ふち&角丸(チェックボックス複数可) 遅延時間:0秒(めんどいので、ほとんど0秒で使用してますが、Loadingや黒いサムネイルになってしまう場合は、5秒など遅らせてみましょう)
※背景色はHTML色見本などを参照すると良いでしょう。
入力項目を全て入力し終えたら、サムネイル作成ボタンを押します。 成功したら、タグテキストを自分の書類などにペーストして保管します。 用途に応じて編集するなりモロ使用するなり好きに使います。
ポイント ●混雑している(反応が遅い重い)ときは、時間を改めましょう。夜以外が良いかと。 ●何度でも更新できます。フリーサイズでしたら固定サイズを(固定サイズでしたらフリーサイズを)一旦、サムネイル作成してから、またフリーサイズを押すと更新ボタンが現れます。 ●Embed codeでうまくいかないときは、Php BB Code内のhttp…を使用してみましょう。
|
▼ブログ作成
| トラックバック:0 | コメント:0
[ 2011/11/21(月) 23:53 ] |
|
|
|
|
ブログ内検索フォーム1
ブログ内検索表示2The search display in a blog
Web検索フォーム
カテゴリ
RSSリンクの表示
リンク
このブログをリンクに追加する
ブロとも申請フォーム
この人とブロともになる
QRコード
天気予報
相互リンク
援助交際めちゃはめムービ
Pacific Girls.COM
モンロー
ハイスクールD×Dグッズ
amazonサーチ
|