#topicpath
* Valid¤«¤Ä¥¢¥¯¥»¥·¥Ö¥ë¤ËYouTube¡ÊFlash¡Ë¤òHTML¤ËËä¤á¹þ¤àÊýË¡ [#ecbee1b2]
¥Ó¥Ç¥ª¤ÎËä¤á¹þ¤ß¤Ê¤ÉÍÑÅÓ¤¬Áý¤¨¤Æ¤¤¿¤Î¤Ç¡¢¤¢¤é¤¿¤á¤Æ¸¡¾Ú¤·¤Æ¤ß¤Þ¤·¤¿¡£
** Flash¤òHTML¤ËËä¤á¹þ¤à¤È¤¤ÎÌäÂêÅÀ¡§ [#q0b18a37]
- Webɸ½àŪ¤ÊÌäÂê
-- IE¤Ç¤ÏFlash¤òɽ¼¨¤¹¤ë¤Ë¤Ï¡¢embed¥¿¥°¤ò»ÈÍѤ¹¤ë¡£
-- ¤¿¤À¤·¤³¤Îembed¥¿¥°¤Ï¡¢Webɸ½àŪ¤ËÈó¿ä¾©¤ÎÍ×ÁǤǡ¢Validator¥¨¥é¡¼¤Ë¤Ê¤Ã¤Æ¤·¤Þ¤¦¡£ÂåÂإƥ¥¹¥ÈÍѤǤ¢¤ënoembed¤âƱÍÍ¡£
- ÂåÂإƥ¥¹¥È¤ÎÌäÂê
-- ¥¢¥¯¥»¥·¥Ó¥ê¥Æ¥£Åª¤Ë¤Ï¡¢Object¥¿¥°Æâ¤ËÂåÂإƥ¥¹¥È¤òÆþ¤ì¤ëɬÍפ¬¤¢¤ë¡£
-- ¤¬¡¢Ã±¤ËObject¥¿¥°Æâ¤ËÆþ¤ì¤ë¤À¤±¤À¤È¡¢IE¤Ç¤Ï¤½¤Î¤Þ¤Þɽ¼¨¤µ¤ì¤Æ¤·¤Þ¤¦¡£¡ÊFlash¤ÈÂåÂØɽ¼¨¤¬Ê¤ó¤Çɽ¼¨¤µ¤ì¤Æ¤·¤Þ¤¦¡Ë
- JavaScript¤Ç½ñ¤½Ð¤¹¾ì¹ç¤ÎÌäÂê
-- ¥¯¥ê¥Ã¥¯¤·¤Ê¤¤¤È¥¢¥¯¥Æ¥£¥Ö¤Ë¤Ê¤é¤Ê¤¤ÌäÂ꤬¤¢¤Ã¤¿¡Ê¸½ºß¤Ï²ò¾Ã¤µ¤ì¤Æ¤¤Æ¤¤¤ë¤é¤·¤¤¡Ë¤³¤È¤«¤é¡¢JS¤Ç½ñ¤½Ð¤¹ÊýË¡¤¬¼çή¤Ë¤Ê¤Ã¤¿Çطʤ¬¤¢¤ë¡£
-- ¤¿¤À¤·¡¢JS¤¬¥ª¥ó¤Ç¤Ê¤¤¤È²¿¤âɽ¼¨¤µ¤ì¤º¡¢¥¢¥¯¥»¥·¥Ö¥ë¤Ç¤Ï¤Ê¤¤¡£
-- noscriptÆâ¤ËÀÅŪ¤Ë½ñ¤±¤Ð¤è¤¤¤Î¤À¤¬¡¢ºÇ½é¤ÎWebɸ½àŪ¤ÊÌäÂ꤬¤½¤Î¤Þ¤Þ»Ä¤ë¡£¡£
** SWFObject 2¤ò»È¤¦ [#be632910]
SWFObject
http://code.google.com/p/swfobject/
SWFObject¤Ï¡¢JS¤Ç½ñ¤½Ð¤¹¥¿¥¤¥×¤Î¥é¥¤¥Ö¥é¥ê¡£
¸½ºß¤Î¤È¤³¤í¤³¤Î¥¿¥¤¥×¤Î»ö¼Â¾åɸ½à¤Ç¤¢¤ë¤é¤·¤¤¤Ç¤¹¡£
°ÊÁ°¤Î¥Ð¡¼¥¸¥ç¥ó¤À¤È¡¢JS¤Ç½ñ¤½Ð¤¹»ÅÍ;塢JS¤¬É¬¤º¥ª¥ó¤Ç¤Ê¤¤¤ÈFlash¤¬É½¼¨¤µ¤ì¤Ê¤¤¾õÂ֤Ǥ·¤¿¤¬¡¢¥Ð¡¼¥¸¥ç¥ó2¤Ë¤Ê¤Ã¤Æ¤«¤é¤ÏJS¥ª¥Õ¤Î¾õÂÖ¤â¹Í褵¤ì¤Æ¤ª¤ê¡¢¾åµ¤ò¥¯¥ê¥¢¤¹¤ëÆâÍƤˤʤäƤ¤¤Þ¤¹¡£
** SWFObject 2 ¤ÎHTML¥½¡¼¥¹ [#fa9e1f2e]
¥À¥¦¥ó¥í¡¼¥É¤¹¤ë¤È¡¢index.html ¤È index_dynamic.html ¤¬Æþ¤Ã¤Æ¤¤¤Þ¤¹¤¬¡¢index_dynamic.html ¤Ïµì¥Ð¡¼¥¸¥ç¥ó·Á¼°¤Î¡Öjs¥ª¥ó»þ¤Î¤ßÂбþ¡×ÍѤʤΤǡ¢index.html ¤ò»È¤¤¤Þ¤¹¡£
- id¤ÏŬµ¹¹¥¤ß¤Ç½ñ¤´¹¤¨¤Þ¤¹¡£
- IEÍѤȤ½¤ì°Ê³°¡ÊFirefox¡¢SafariÅù¡ËÍѤÎObject¤ò2¤Äµ½Ò¤¹¤ë¤«¤¿¤Á¤Ê¤Î¤Ç¡¢Flash¤Ø¤Î¥Ñ¥¹¤È¥µ¥¤¥º¤â2²Õ½êµ½Ò¤·¤Þ¤¹¡£
- ÂåÂإƥ¥¹¥È¤â˺¤ì¤º¤Ë½ñ¤¤Þ¤¹¡£±ÇÁü¤ÎÆâÍƤò¤ï¤«¤ê¤ä¤¹¤¯½ñ¤¤Þ¤¹¡£
<object id="swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="385">
<param name="movie" value="http://www.youtube.com/v/XAKroNeQhf0&hl=ja&fs=1&" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/XAKroNeQhf0&hl=ja&fs=1&" width="480" height="385">
<!--<![endif]-->
<div>
<h2>Flash¥×¥é¥°¥¤¥ó¤¬¤Ê¤¤¥æ¡¼¥¶¤Ø¤ÎÂåÂØ</h2>
<p>ÂåÂإƥ¥¹¥È¡§¤«¤ï¤¤¤¤»ÒǤΥࡼ¥Ó¡¼¤Ç¤¹¡£</p>
<p>¥à¡¼¥Ó¡¼¤ò¤´Í÷¤Ë¤Ê¤ë¤Ë¤ÏFlash Player¤Î¥¤¥ó¥¹¥È¡¼¥ë¤¬É¬ÍפǤ¹¡£</p>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
- ¤³¤ó¤Ê´¶¤¸¡£
-- http://www.ark-web.jp/accessibility/misc/SWFObject2/test1.html
- IE¤Ç¤â¤Á¤ã¤ó¤Èɽ¼¨¤µ¤ì¤Þ¤¹¡£ÂåÂØɽ¼¨¤âɽ¼¨¤µ¤ì¤Þ¤»¤ó¡£
- JS¥ª¥Õ¤Î¤È¤¤âÌäÂê¤Ê¤¯É½¼¨
- Flash¤¬¥¤¥ó¥¹¥È¡¼¥ë¤µ¤ì¤Æ¤¤¤Ê¤¤¤È¤¤Ï¡¢²¼µ¤Î¤è¤¦¤ÊÂåÂØɽ¼¨¤¬½Ð¤ë¤è¤¦¤Ë¤Ê¤ê¤Þ¤¹
&ref(cap.png,,70%);
ºÇ¸å¤Ë¡¢
1¡ËYouTube¤Ï¥Ó¥Ç¥ª¤ÎURL¤Ë¡Ö&¡×¤¬´Þ¤Þ¤ì¤Æ¤¤¤ë¤Î¤Ç¡¢¡Ö&¡×¤Ï
&
¤È¼ÂÂλ²¾È¤ËÃÖ¤´¹¤¨¤Þ¤¹¡£
¤³¤ì¤ÇHTMLValidator¥¨¥é¡¼¤Ï¾Ã¤¨¤Þ¤¹¡£
2¡ËYouTube¤Î¥³¡¼¥É¤Ë¤Ï¥Õ¥ë¥¹¥¯¥ê¡¼¥ó²½¤Ê¤É¤ÎÀ©¸æ¤Ë»È¤¦2¤Ä¤Î¥Ñ¥é¥á¡¼¥¿¤¬¤¢¤ë¤Î¤Ç¡¢¤³¤ì¤òµ½Ò¤·¤Þ¤¹¡£
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
¤¿¤À¡¢¤³¤ì¤âIEÍѤȤ½¤Î¾¤Ç2²Õ½ê¤Ë½ñ¤«¤Ê¤¤¤È¥À¥á¤ß¤¿¤¤¤Ç¤·¤¿¡£
<object id="swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="385">
<param name="movie" value="http://www.youtube.com/v/XAKroNeQhf0&hl=ja&fs=1&" />
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/XAKroNeQhf0&hl=ja&fs=1&" width="480" height="385">
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<!--<![endif]-->
<div>
<h2>Flash¥×¥é¥°¥¤¥ó¤¬¤Ê¤¤¥æ¡¼¥¶¤Ø¤ÎÂåÂØ</h2>
<p>ÂåÂإƥ¥¹¥È¡§¤«¤ï¤¤¤¤»ÒǤΥࡼ¥Ó¡¼¤Ç¤¹¡£</p>
<p>¥à¡¼¥Ó¡¼¤ò¤´Í÷¤Ë¤Ê¤ë¤Ë¤ÏFlash Player¤Î¥¤¥ó¥¹¥È¡¼¥ë¤¬É¬ÍפǤ¹¡£</p>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
3¡Ë¤Ê¤ª¡¢¤³¤Î¤Þ¤Þ¤Ç¤âºÆÀ¸¤ËÌäÂê¤Ê¤¤¤Ç¤¹¤¬¡¢embed¤ò»È¤Ã¤Æ¤¤¤¿¤È¤¤ÏIE¤Ç¤Ç¤¤Æ¤¤¤¿Flash Player¤Î¼«Æ°¥¤¥ó¥¹¥È¡¼¥ë¤ä¼«Æ°¥Ð¡¼¥¸¥ç¥ó¥¢¥Ã¥×¤Ê¤É¤¬¤Ç¤¤Ê¤¯¤Ê¤Ã¤Æ¤·¤Þ¤¦¤Î¤Ç¡¢SWFObject¤ò»È¤¤¡¢headÆâ¤Ë°Ê²¼¤Î¤è¤¦¤Ë½ñ¤¤¤Æ¤ª¤±¤Ð¡¢SWFObject¦¤¬¥Ð¡¼¥¸¥ç¥ó¥Á¥§¥Ã¥¯¤ò¤·¤Æ¤¯¤ì¤Þ¤¹¤Î¤Ç¡¢Æþ¤ì¤Æ¤ª¤¤Þ¤·¤ç¤¦¡£
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("swf", "9.0.0", "expressInstall.swf");
</script>
- ¤³¤ó¤Ê´¶¤¸¡£
-- http://www.ark-web.jp/accessibility/misc/SWFObject2/test2.html
** »²¹Í¥µ¥¤¥È [#yd518bb7]
- [[SWFObject v2.0 ¥É¥¥å¥á¥ó¥ÈÆüËܸìÌõ : Media Technology Labs (MTL) : ¥á¥Ç¥£¥¢¥Æ¥¯¥Î¥í¥¸¡¼¥é¥Ü¡¡¥Ö¥í¥°>http://mtl.recruit.co.jp/blog/2007/10/swfobject_v20.html]]
-
- [[SWFObject 2¤òÍѤ¤¤¿Flash Player¤Î¥Ð¡¼¥¸¥ç¥ó¸¡ÃΤÈSWF¥Õ¥¡¥¤¥ë¤ÎËä¤á¹þ¤ß | ¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥»¥ó¥¿¡¼>http://www.adobe.com/jp/devnet/flashplayer/articles/swfobject_print.html]]
- [[swfobject.js ¤Î expressInstall.swf »ÈÍÑË¡ - º¸Ç¾Script>http://n-yagi.0r2.net/script/2009/06/swfobjectjs_expressinstallswf.html]]
- [[¾®¿è¶õ´Ö: YouTube ¤Î Embed ¥¿¥°¤ò XHTML valid ¤Ë¤¹¤ë>http://www.koikikukan.com/archives/2007/01/05-003003.php]]
#blikifooter(¾®¿¹)