忍者ブログ
インフォメーション
< 10月 2024年11月 12月 >
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
RSS
yuz_ブログ  >> 

僕の毎日を、思い出として書き残す。
何一つ役立つものはないが・・・

YouTube動画のサムネイルを表示して、クリックすると動画再生するようにプログラムを作ったが。

動画とサムネイルの縦横比が違うので、同一のサイズに収める事が出来ない。
サイズを同じにしようとするならば、画像が変に伸びてしまう。
とりあえず今は、横幅を同一にした表示をしている。

結果、動画の縦が短くなるのである・・・

対策は、画像の枠を作ってサムネイルと動画を収めるかな。
動画の縦を基準にした比率でサムネイルを表示すると、とうぜん横幅が狭くなる。
そこで、新たに用意する枠の真ん中にサムネイルを表示する。
この枠の背景を黒にしておけば、問題なしに・・・

たいした事ではないが、面倒な気がしないでもない。
まぁ、気が向いたらやってみるか。
ーーーーーーーーーーーーーーーーーーーーーーーー

そもそも自分の動画など一つもないし、このような仕掛けを作る気はなかったのだが。
とりあえず、このような対応もしておいた方が良いかと思って始めた事だ。

ただ、ネット相手の場合には、いつ相手の都合で仕様が変わってしまうのかが心配の種である。
だから、ブログ自体に組み込むような事を考えなかったのだ。

・・・

何でサムネイルと動画のサイズの違いを気にするのか?
それは、このブログのテンプレートの仕様が関係している。
このテンプレートは、下端を揃える仕掛けをしてある。

いったん確定した下端位置を後で変えるのは、余計な一手間がかかる。
今回のような場合には、動画再生時に縦方向が縮むが、見た目はさほど悪くはない。
それでも良い事は良いのだが、ちょっと気がおさまらない。
つまらない、こだわり・・・

追記:2014/12/17
ちょっと面倒であったが、サムネイルと動画のサイズを合わせる工夫をした。
さらに、表示位置を変更出来るようにmargin設定と、ついでに背景色の設定を可能にした。
そして、自動サムネイル化しないように設定が出来るようにもした。
おまけに、サムネイルサイズも任意に変更か可能に・・・

かなり、細かいプロパティが付いた・・・
こんな面倒な事までするつもりは無かったのだよ、ホントはなぁ。

拍手[1回]

コメント投稿フォーム
名前
タイトル
メール 非公開
URL あなたのHPやBlogなど
携帯絵文字
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
コメント本文
パスワード
秘話コメント
 yuzだけに伝えるコメント
 

yuz_・・・ ブログをご覧の皆さまへ

このブログをご覧になって生じるいかなる問題に対しても、当方は一切の責任を負いません。


PR
忍者ブログ[PR]