サイト内検索
...HTML・XHTMLタグ...
埋め込みタグ
さまざまな形式（Youtubeの埋め込み）
- Youtubeの埋め込むには、object要素を指定します。
- [使い方]
-
<object data="http://www.youtube.com/v/SAMPLE3X65M"
type="application/x-shockwave-flash" class="youtube"
width="425" height="350"> - <〜>
- </object>
- [メモ・・・Ｗ３Ｃの検証サービス・・・]
- embedは、HTML用の要素です。
- object要素を使用するとValidします。
| 属性 | 属性値 | 説明 | ||||
|---|---|---|---|---|---|---|
| data= | "" |
「"http://www.youtube/TUBE"」のように
埋め込むファイルのＵＲＬを指定します。 |
||||
| type= | "application/ x-shockwave-flash" | data属性で指定されたファイルの
MIMEタイプを指定します。
|
||||
| width= | "" | オブジェクトの横幅のサイズを指定します。
整数の「ピクセル数（例・・"100"）」 を指定します。 |
||||
| height= | "" | オブジェクトの縦幅のサイズを指定します。
整数の「ピクセル数（例・・"100"）」 を指定します。 |
《ＹＯＵＴＵＢＥの埋め込みタグをobjectを使ってに書きなおす場合》
<object width="425" height="350"><param name="movie"
value="http://www.youtube.com/v/SAMPLE&hl=ja&fs=1&">
</param>
<embed src="http://www.youtube.com/v/SAMPLE&hl=ja&fs=1&"
type="application/x-shockwave-flash" width="425" height="350">
</embed>
</object>
赤い部分をコピーします。 →date・valueのところへ貼り付けます。
<object data="http://www.youtube.com/v/SAMPLE"type="application/x-shockwave-flash" class="youtube">
Youtube.
<param name="movie" value="http://www.youtube.com/v/SAMPLE" />
<param name="wmode" value="transparent" />
</object>
objectを指定
《width・heightを未設定の場合》
[ｂｏｄｙの中]
<object data="http://www.youtube.com/v/SAMPLE"type="application/x-shockwave-flash" class="youtube">
Youtube.
<param name="movie" value="http://www.youtube.com/v/SAMPLE" />
<param name="wmode" value="transparent" />
</object>
[ブラウザ上]
《width・heightを設定の場合》
[ｂｏｄｙの中]
<object data="http://www.youtube.com/v/SAMPLE"type="application/x-shockwave-flash" class="youtube"
width="425" height="350">
Youtube.
<param name="movie" value="http://www.youtube.com/v/SAMPLE" />
<param name="wmode" value="transparent" />
</object>
[ブラウザ上]
