javascript - 返された YouTube ビデオ画像から追加の黒い背景を削除しますか?

Question

http://img.youtube.com/vi/9KPCO5ENlmw/0.jpgのような youTube 画像から画像を引き戻します。画像に表示されるのは、画像の上部と下部に多くの黒があることです。これを取り除くにはどのような方法がありますか？

Answer 1

色を使いたい場合は、wideimage ライブラリ (GD ベース) に既に実装されています。この方法は autoCrop と呼ばれ、オンライン デモが存在します。

http://wideimage.sourceforge.net/wp-content/current/demo/index.php?demo=autoCrop&output=preset%20for%20demo&colors=255&dither=1&match_palette=1

それ以外の場合は、画像のサイズがわかっている場合は、オーバーフローを非表示にして div を作成し、実際の画像を計算できます。

問題は、YouTube が自動的に画像をトリミングして黒を挿入することです。YouTube 内に黒いバーのない画像を取得する方法はないと思います

Answer 2

YouTube では、4:3 の比率の黒い帯がない画像を提供しています。黒い帯のない 16:9 のビデオ サムネイルを取得するには、次のいずれかを試してください。

http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

最初のものmqdefaultは 320x180 ピクセルの画像です。

2 つ目maxresdefaultは 1500x900 ピクセルの画像なので、サムネイルとして使用するにはサイズを変更する必要があります。これは素晴らしい画像ですが、常に利用できるわけではありません。ビデオの品質が低い場合 (720p 未満だと思いますが、正確にはわかりません)、この「maxresdefault」は使用できなくなります。だから絶対に頼らない。