色々な方のブログの中に、面白い動画があって楽しませていただいています。
が、埋め込み用のHTMLソースをそのまま使うと、どうしてもレイアウトが崩れてしまうようで、それが残念だなぁ、と思っていました。
そこで、ちょこっとソースをいじればキレイに収まる方法を見つけたので、ご紹介しようと思います。こんな感じにできました。
HTMLをご存知の方には難しくないと思いますが、そうではない方にはちょっと毛嫌いされる文字列かもしれません(笑)
でも本当は難しくはないので、興味のある方はチャレンジしてみてください。
通常、埋め込みソースは、こんな感じです。
<object width="425" height="373"><param name="movie" value="http://www.youtube.com/v/（中略）"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/（中略）" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed></object>
どうやらこの中の、
<object>～</object>のタグの使用が制限されているようです。
なのでいっそのことコレをとってしまうと、こうなります。
<embed src="http://www.youtube.com/（中略）" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373">
</embed>
つまり、
<embed>～</embed>の間だけを貼り付けると、うまく貼り付けられるようです。
↑このCM映像、好きだったりします。
さらに、そのソースを、
<center>～</center>で囲むと、センタリングもできて収まりがよくなります。
また、YouTubeのソースのところでカスタマイズを選ぶと、色付きのフレームも着けられたりもします。↓こんな感じ。
↑この映像は、
よし。さんが今日投稿されていたもの。見てびっくりしました！
みなさん、どうぞお楽しみ下さい！
ブログ一覧 |
Web/IT | 日記
Posted at
2008/03/28 22:59:10
