プロフィール

へっぽこりーのIII世

Author:へっぽこりーのIII世
ちょいエロな話題からアクセスアップ SEO対策まで、ちょっと大人の話題です
リンクフリーです
相互リンク先も募集中です

web拍手 by FC2

最新トラックバック

ブロとも申請フォーム

この人とブロともになる

ブロとも一覧

アクセスランキング

[ジャンルランキング]
独身・フリー
309位
アクセスランキングを見る>>

[サブジャンルランキング]
その他
29位
アクセスランキングを見る>>

スポンサーサイト

--------

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

スポンサー広告

動画の表示サイズを調整

2012-01-15

アメブロでYouTubeを共有(2012-01-05)の記事で動画の表示の大きさの調整について質問がありましたので説明します

アメブロの「記事を書く」画面のテキストボックスです
画像をクリックすると大きい画像が表示されます
$へっぽこな日々-アメブロでYouTubeを共有101
HTMLのタグの説明については割愛して大きさを変える時に触る必要のあるところだけ説明します

関係しているところは赤く塗りつぶしてあるところ4箇所です
widthは横幅で単位はpx(ピクセル)です
heightは縦の高さで単位は同じくpx(ピクセル)です

この場合はwidth="459" height="344"なので横幅が459ピクセル縦の高さが344ピクセルの動画が表示される指定になっています

ここを任意の値に変えるのですが、通常の3カラムのデザインの場合横幅は420ピクセルくらいが適当だと思います
この大きさは色々と試してみてお好みの大きさに調整してみてください

それでは縦の高さはどうするか?
実はここが問題で、YouTubeに投稿してあるファイルによって縦横比が一定ではありません
これは画面の縦横比(画面アスペクト比といいます)の規格がいくつかあるためです
テレビ番組の録画と映画のDVDは縦横比が違いますね、それです

横幅を決めた時に縦の高さを知る簡単な方法を説明します

アメブロでYouTubeを共有(2012-01-05)の方法①でこの画面の時
$へっぽこな日々-アメブロでYouTubeを共有102
①テキストボックスの下の灰色の四角と同じ数値にする(希望する画面表示の大きさがある場合)
②「カスタム」の横欄に表示したい横幅の数値を入力する(希望する画面表示の大きさがない場合)
「カスタム」の横幅の数値を入力すると下の「高さ」に動画ファイルのアスペクト比と対応した数字が表示されます


アメブロでYouTubeを共有(2012-01-05)の方法②を使う場合は下の灰色の四角をクリックするか「カスタム」の数値を入力すると上のテキストボックス内の反転しているテキストの数値も自動的に変わってくれますので、そのままコピーペーストするだけです

アメブロでYouTubeを共有(2012-01-05)の方法①を使う場合も、アスペクト比は規格ですので種類はさほど多いわけではありません
なので一度縦と横の数値を調べたらアスペクト比毎の大きさをメモしておくと面倒がないと思います


ここからは完全に余談ですが、アメブロでYouTubeを共有(2012-01-05)の方法①と②では使っているタグが違います
①はiframeタグで②はobjectタグを使っています
両方ともYouTubeの動画を表示することができるのですがiframeはフレーム内にHTML文書を表示しています
objectタグは簡単に言うとYouTubeの動画を埋め込んで表示しています
iframeタグは以前クラッキングに使われたことがあるのでユーザーのセキュリティソフトによっては警告が出ることがあるようです
一方objectタグは埋め込むオブジェクト(画像とか動画等)に汎用的に使えるのですが、対応していないブラウザが存在しています
一長一短があるため、技術者の考え方の違いが使用タグの違いに現れたのだと思います
今回は画面の大きさを触るだけなので、この使用タグの違いについては意識する必要はありません

↓応援よろしくお願いします↓
人気ブログランキングへ  にほんブログ村 ライフスタイルブログ 自由人へ  
人気ブログランキング    にほんブログ村
関連記事
スポンサーサイト

ブログ コメント: 6 トラックバック: 0

< 前の記事 ホーム 次の記事 >

この記事にコメントする

1. 無題

2012-01-06 赤りんご [URL]

ありがとうございます

今度 見ながら試してみます♪

編集

2. Re:無題

2012-01-06 ヘッポコリーノⅢ世 [URL]

=赤りんごさん=
また分からないことがあったら
遠慮なくおっしゃってくださいね^^

編集

3. スゴイ!

2012-01-07 silverfoxandy [URL]

やっぱり世の中にはあの記号の羅列が読める人がいるんだ~。

編集

4. Re:スゴイ!

2012-01-07 ヘッポコリーノⅢ世 [URL]

=silverfoxandyさん=
HTMLはさほど難しくないですよ^^
以前はホームページっていうとタグを
手打ちしてましたからねw
ちょっと懐かしいです

編集

5. 我ら文系人間

2012-01-07 silverfoxandy [URL]

>ヘッポコリーノⅢ世さん
我ら文系の人間には、コンピュータ言語が読めたり、する人は偉大に感じるんです。最近キーボードを見ないで叩けるようになったのですが、我らアラフォー世代はパソコン触れない人も結構いて、ある土建屋の社長なんか、事務員がいないとメールも打てないそうなんです。
実はこのブログ等のSNSサービスは自分が退化しないように始めたんですよ。

編集

6. Re:我ら文系人間

2012-01-07 ヘッポコリーノⅢ世 [URL]

=silverfoxandyさん=
タッチタイピングができるようになったら
十分ですよ^^
要は慣れですからね
今はフェイスブックとかツイッターとか
色々あるから大変かもしれませんね

編集






    



管理者にだけ公開させる

トラックバックURL
→ http://0406sabu.blog.fc2.com/tb.php/611-caa7cd9f

この記事にトラックバックする(FC2ブログユーザー)

ホーム

スポンサードリンク

カスタム検索

ランキング

スポンサードリンク

カスタム検索

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。