ホーム > iphone , movabletype , ソフトウェアとlifehack > youtubeの埋め込みをXHTML Validに。かつHTML5対応でIpadやIphoneでも表示させる。
< 前の記事 | メインページ | 次の記事>youtubeの埋め込みをXHTML Validに。かつHTML5対応でIpadやIphoneでも表示させる。
僕のBlogは無駄に（？）Validatorチェックを通すのをポリシーに作っているが故に、youtubeの埋め込みコードを、せっせとEmbedタグをobjectタグに直して使っていましたが、、、それだとiphoneやipadではobjectタグの代替テキストが表示されるだけになってしまいます。
でもサムネイルはやっぱり出てほしい。。ということで、、ちょいと調べましたところ、いくつかxhtml1できれいに埋め込むブックマークレットはあったものの、いまいち、、、、
ということで、思い切ってyoutube html5。あたりでググってみたところ。ありました。
情報いただきます。ありがとうございますっ
iframeを使います。
今後はこれをお手本に貼り付けようかと思いますので自分用にメモ。
<iframe class="youtube-player" src="http://www.youtube.com/embed/NdBptlmu7kA" title="a BMW motorcycle story- WITH RIGHTS APPROVAL NOW! " width="480" frameborder="0" height="385"></iframe>
基本的に、書き換えるところは、src=のURLのところと、title=のところ。場合によってはwidthと heightでしょうか。
あと、これは一回やればOKですが、CSSに以下を足しておきます。
.youtube-player {
border: none;
}
するってーと。こうなりました。いぇい。
で。
まだまだがんばっております。
![[Valid Atom 1.0]](http://www.mochimochi.com/images/valid-atom.png){kind=small}
![[Check result of Another HTML-lint]](http://www.mochimochi.com/images/kaz-ahl.png){kind=small}
2011年1月23日 tetsu
| 
| 
「youtubeの埋め込みをXHTML Validに。かつHTML5対応でIpadやIphoneでも表示させる。」の関連記事
- About..もちこらむ
-
- 1)柴犬・男山富士山と、家族の件
- 2)吾唯足知といいつつ物欲と戦う
- 3)自分用の覚書メモ
- 4)コンピュータとインターネット
- 5)カメラとビデオ
- 6)工作その他
- 7)なぜか月
- というblog。
- Flickr Pickup
-
- Categories
- Feed
- Tags
-
- Arduino
- Blog Editor
- Co2
- dropbox
- fon
- google wave
- GoPro HD
- gps
- grd2
- INTERNET OF THINGS
- ipad
- iphone
- iphoneの外付けキーボード
- ISS
- JAZZIN
- jobs
- kaossilator
- lifelog
- mac
- macmini
- make
- modosteady
- movabletype
- PhotoVision
- pomera
- TED
- toycamera
- W3C Valid
- webカメラ
- もち
- インターバル撮影
- オープンソースハードウェア
- カイトフォト
- カラクラ
- ショートカット
- ジオタグ
- ヘルメットワイパー
- リモートコントロール
- 一日一ペディア
- 娘
- 宙博
- 拾エネ
- 月
- 柴犬富士山
- 空撮
- 花火
- 角マウス
- Archives
- Moon
-
- Bookmarks
- Count
-
-
- Meta
-
-
- Powered by
- Ad