Ads By Google
youtubeの動画を投稿したらデザイン配置がすれます。どうしたらいいのでしょうか?
ライブドアブログに初めて参加しました。ライブドアブログにあるデザインの中から3行のタイプのものを選びました。
youtube動画を投稿すると、3行のデザインがずれてしまいおかしくなります。
うまく表示されている方のブログにあるyoutube動画よりも私の投稿したyoutube動画の方が大きいように思えます。
サイズ変更などどうやったらできるのでしょうか?
そもそもyoutube動画を投稿する際にデザイン内で収まるようにするにはどうしたらよいのでしょうか?
2007-03-05 11:47の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
回答(2)
1.
2007-03-05 12:40:32
YouTube の動画ビュアーのサイズを、記事投稿部分の
サイズに合わせて比率変更すれば OK! です。
基本のサイズが、『 width="425" height="350" 』 となっていますが、この部分の数字を変更して記事として投稿します。
記事投稿部分の許せる範囲のサイズが 400px ぐらいでしたら、それよりも少し小さめのサイズで設定した方が左右に余白も出来て綺麗でしょう。
計算方法はこうです。
width ( 幅 ) を、350px にするなら、
( 350 ÷ 425 )× 350 = height ( 高さ )
となりますから、それで出た数字を YouTube のオブジェクトタグに書き換えて下さい。 2箇所ありますから、注意して下さいね。
ちなみに YouTube を記事投稿部分にセンターで表示させるようにするのは、YouTube のタグを <div align="center"> ~ </div> で囲みます。こんな具合です。
頑張って下さい ヽ(^。^)ノ
サイズに合わせて比率変更すれば OK! です。
基本のサイズが、『 width="425" height="350" 』 となっていますが、この部分の数字を変更して記事として投稿します。
記事投稿部分の許せる範囲のサイズが 400px ぐらいでしたら、それよりも少し小さめのサイズで設定した方が左右に余白も出来て綺麗でしょう。
計算方法はこうです。
width ( 幅 ) を、350px にするなら、
( 350 ÷ 425 )× 350 = height ( 高さ )
となりますから、それで出た数字を YouTube のオブジェクトタグに書き換えて下さい。 2箇所ありますから、注意して下さいね。
ちなみに YouTube を記事投稿部分にセンターで表示させるようにするのは、YouTube のタグを <div align="center"> ~ </div> で囲みます。こんな具合です。
<div align="center"> <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/ZX6dPumSNRg"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/ZX6dPumSNRg" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> </div>
頑張って下さい ヽ(^。^)ノ
回答レベル : 回答
2.
2007-03-05 12:52:44
3カラムのデザインでは、本文の入るところの幅が350pxくらいしかありません。
ですから、中に入れる画像や動画をその範囲に収める必要があります。
YouTubeの「Embed」は次のようになっているはずです。
今回は、少し余裕を持って、幅を340pxに設定してみましょう。これが、割り切れますので。
そうすると、高さは280pxになります。
もし、これでもはみ出る時は、同様の要領で、もう少し小さくして下さい。
ですから、中に入れる画像や動画をその範囲に収める必要があります。
YouTubeの「Embed」は次のようになっているはずです。
<object width="425" height="350"><param name="movie" ~wmode="transparent" width="425" height="350"></embed></object>この最初のほうと、最後のほうの
width="425" height="350"の数字を変えれば、表示の大きさが変わります。
今回は、少し余裕を持って、幅を340pxに設定してみましょう。これが、割り切れますので。
そうすると、高さは280pxになります。
<object width="340" height="280"><param ~wmode="transparent" width="340" height="280"></embed></object>こういう具合に変えれば、収まると思います。
もし、これでもはみ出る時は、同様の要領で、もう少し小さくして下さい。
回答レベル : 回答
Ads By Google
コメント(6)
#1. horsefly
2007-03-05 12:54:49
もたもたしている間に、ダブりましたね。
でも、変更後を書いていたほうが分かりやすいと思うので、残しておきます。
#2. 万年床生活者
2007-03-05 13:50:53
2カラム(2行のタイプ)に変更すればサイズなんか気にせずにバンバン貼れますぜ( ̄∀ ̄)ノ
#3. まじかる☆スフィー
2007-03-05 14:32:04
本文の幅を広げるカスタマイズもありですね。必要なら利用しているデザイン名も書いて新たに質問すれば詳しい人が答えてくれる可能性も。
#4. horsefly
2007-03-05 18:19:22
細かいことを言うと、3行のデザインではなく、3列のデザインですね。
3カラムのデザインといったほうが分かりやすいですが。
#6. admwtp2000
2007-03-08 19:34:13
ユーチュブは意外とサイズがでかいんだって
#7. 万年床生活者
2007-03-09 12:27:30
ちなみにフレパ日記に貼ると自動的に340x280になります^^
http://www.frepa.livedoor.com/blog/show?id=376950&...



