セミナー行こうよ!

2011年04月25日

Ustreamの動画もブログの大きさに合わせよう

先日 YouTubeの動画を

ブログのサイズに合わせて調整する

そんな方法を紹介しました

それの応用で

Ustreamも出来ます



ユーストリームの動画は

赤丸のところをクリックすると

ワンタッチでコピーできます

101


しかし YouTubeのように

サイズ調整はできません



ちなにみ コピーしたソースは

こんなものです

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="296" id="utv844189" name="utv_n_488245"><param name="flashvars" value="loc=%2F&amp;autoplay=false&amp;vid=14241103&amp;locale=ja_JP&amp;hasticket=false&amp;id=14241103&amp;v3=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.ustream.tv/flash/viewer.swf" /><embed flashvars="loc=%2F&amp;autoplay=false&amp;vid=14241103&amp;locale=ja_JP&amp;hasticket=false&amp;id=14241103&amp;v3=1" width="480" height="296" allowfullscreen="true" allowscriptaccess="always" id="utv844189" name="utv_n_488245" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash" /></object>

ええ もうお気づきですね

赤い文字の部分が

動画のサイズを

指定している部分です



あ・・・コピーしたソースは

赤い色が付いてないですよ



私のブログの場合

横幅が320pxなので

width="480" height="296"

これを

width="320" height="296"

480を320に修正します



次に縦横比を合わせるために

次のような計算をします

320/480*296

読み上げると

320割る480かける296

もっと簡単な計算式も

あるかと思いますが・・・



答えは

197.33

四捨五入して

197

これが高さになりますから

width="320" height="197"

これで

幅=320px 高さ=197px

という指定が出来ます

これを先ほどのソースの

2箇所を修正します

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="197" id="utv844189" name="utv_n_488245"><param name="flashvars" value="loc=%2F&amp;autoplay=false&amp;vid=14241103&amp;locale=ja_JP&amp;hasticket=false&amp;id=14241103&amp;v3=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.ustream.tv/flash/viewer.swf" /><embed flashvars="loc=%2F&amp;autoplay=false&amp;vid=14241103&amp;locale=ja_JP&amp;hasticket=false&amp;id=14241103&amp;v3=1" width="320" height="197" allowfullscreen="true" allowscriptaccess="always" id="utv844189" name="utv_n_488245" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash" /></object>



これをブログへ書き込みます

ブログによっては

この 文字列が

そのまま表示されます

その場合は

HTMLモードなどというものに

切り替えてから書き込みます



ブログによっては

HTMLが使えないものもあります



mokomix at 23:59│Comments(0)TrackBack(0)仕事 

トラックバックURL

この記事にコメントする

名前:
URL:
  情報を記憶: 評価: 顔   
 
 
 
最新記事
コメント



tomcat.co.jp & web-seminat.jp
ホームページ制作/ マーケティングセミナー/ 中小店は情報発信で活!/