色々な方のブログの中に、面白い動画があって楽しませていただいています。
が、埋め込み用の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のソースのところでカスタマイズを選ぶと、色付きのフレームも着けられたりもします。↓こんな感じ。
↑この映像は、
よし。さんが今日投稿されていたもの。見てびっくりしました!
みなさん、どうぞお楽しみ下さい!
Posted at 2008/03/28 22:59:10 | |
トラックバック(0) |
Web/IT | 日記