¡ÚYouTube°Ê³°¤Ç¡ÛHTML¥³¡¼¥É¤Ç¥µ¥¤¥È¤ËÆ°²è¤òËä¤á¹þ¤àÊýË¡
¡ã2020/7/9 ¹¹¿·¡ä
¤³¤ó¤Ë¤Á¤Ï¡£
¼«ºî¤ÎÆ°²è¤ò¡¢¼«Ê¬¤Î¥µ¥¤¥È¤ËËä¤á¹þ¤àºî¶È¤ò¤·¤Þ¤·¤¿¤Î¤Ç¡¢È÷˺Ͽ¤È¤·¤Æ¥Ö¥í¥°¤Ë½ñ¤»Ä¤·¤¿¤¤¤È»×¤¤¤Þ¤¹¡£
¡¡Æ°²èËä¤á¹þ¤ß¤È¤¤¤Ã¤¿¤éYouTube¤À¤±¤É¡¡
Æ°²è¤ò¥µ¥¤¥È¤ËËä¤á¹þ¤àɬÍפ¬¤Ç¤¿»þ¤Ë¡¢°ìÈֺǽé¤ËÉ⤫¤ó¤ÀÊýË¡¤Ï¡ÖYouTube¡×¤ÇËä¤á¹þ¤àÊýË¡¤Ç¤·¤¿¡£
YouTube¤ËÆ°²è¤ò¥¢¥Ã¥×¤·¡¢Ëä¤á¹þ¤ß¥³¡¼¥É¤ò¼«Ê¬¤Î¥µ¥¤¥È¤Ëµ½Ò¤¹¤ë¤È¤¤¤Ã¤¿ºî¶È¤Ë¤Ê¤ê¤Þ¤¹¡£
¤â¤Ã¤È¤â¥Ý¥Ô¥å¥é¡¼¤Ç´Êñ¤ÊÊýË¡¤À¤È»×¤¤¤Þ¤¹¡£
HTML¤ÎÃ챤â¤Û¤ÜɬÍפʤ¤¤Ç¤¹¤«¤é¡£
¤·¤«¤·¡¢º£²ó¤ÏYouTube°Ê³°¤ÎÊýË¡¤ÇËä¤á¹þ¤àÊýË¡¤ÇÆ°²è¤òËä¤á¹þ¤ß¤Þ¤·¤¿¡£
Íýͳ¤ÏÆäˤʤ¯¡¢¤¿¤À¤Ê¤ó¤È¤Ê¤¯¤Ê¤ó¤Ç¤¹¤¬¡¢¤·¤¤¤Æ¾å¤²¤ë¤Ê¤é¥¤¥á¡¼¥¸Åª¤Ê¤È¤³¤í¤Ç¤¹¡£
¥³¡¼¥Ý¥ì¡¼¥È¥µ¥¤¥È¤Ë¾¦ÉʤλÈÍÑÊýË¡¤ò¾Ò²ð¤¹¤ëÆ°²è¤òËä¤á¹þ¤à¤Î¤Ç¡¢YouTube¤¸¤ã¤Ê¤¤Êý¤¬¥¹¥Þ¡¼¥È¤Ê´¶¤¸¤¬¤·¤¿¤Î¤Ç¤¹¡£
¥¹¥Ý¥ó¥µ¡¼¥ê¥ó¥¯
|
¡¡HTML¥³¡¼¥É¤ÇÆ°²è¤òËä¤á¹þ¤àÊýË¡¡¡
¤Þ¤Ã¤¿¤¯Æñ¤·¤¯¤Ê¤¯¡¢´Êñ¤ËÆ°²è¤òËä¤á¹þ¤à¤³¤È¤¬¤Ç¤¤Þ¤¹¡£
¥³¡¼¥É¤¬¤ï¤«¤é¤Ê¤¯¤Æ¤â¥³¥Ô¥Ú¤Ç¤¤¤±¤Þ¤¹¡£
HTML5¤«¤évideo¥¿¥°¤¬¼ÂÁõ¤µ¤ì¤Æ¤¤¤Þ¤¹¡£
¤³¤Îvideo¥¿¥°¤Ç¤Ï¡Öloop¡×¤È¤«¡Öautoplay¡×¤È¤¤¤Ã¤¿µ¡Ç½¤â¼ÂÁõ¤Ç¤¤Þ¤¹¡£
¤½¤ì¤Ç¤Ï video¥¿¥°¤ò»È¤Ã¤¿¼ÂºÝ¤ÎHTML¥³¡¼¥É¤ò²¼µ¤Ë½ñ¤¤Þ¤¹¡£
<!DOCTYPE html>
|
¾åµ¤Î¡Öama.mp4¡×¤ÎÉôʬ¤ò¼«Ê¬¤Î¥Ó¥Ç¥ª¥Õ¥¡¥¤¥ë¤ÈƱ¤¸Ì¾Á°¤ËÊѹ¹¤·¤Æ²¼¤µ¤¤¡£
Æ°²è¤ÎÊݸ¾ì½ê¤Ï¡¢HTML¥Õ¥¡¥¤¥ë¤ÈƱ¤¸³¬Áؤˤª¤¤¤Æ¤¯¤À¤µ¤¤¡£
¾åµ¥³¡¼¥ÉÆâ
<video playsinline autoplay muted loop width="100%" height="max"><source src="ama.mp4" /></video>
¤ÎÉôʬ¤ò¼«¥µ¥¤¥È¤ÎËä¤á¹þ¤ß¤¿¤¤¾ì½ê¤Ë¥³¥Ô¥Ú¤¹¤ë¤À¤±¤Ç¤¹¡£
¡¡Æ°²è¤Î¥µ¥¤¥º¡¦¥ë¡¼¥×ºÆÀ¸¡¦¥ª¡¼¥ÈºÆÀ¸¤Î¼ÂÁõÊýË¡¡¡
<video playsinline autoplay muted loop width="100%" height="max"><source src="ama.mp4" /></video>
¾åµ¤Î¥³¡¼¥É¤Î²òÀâ
¡¦aoutoplay=¥ª¡¼¥ÈºÆÀ¸
¡¦loop¡á¥ë¡¼¥×ºÆÀ¸
¡¦width=Æ°²è¤Î²£Éý
¡¦height=Æ°²è¤Î¹â¤µ
¡¦muted¡á¥ß¥å¡¼¥È¡Ê¾Ã²»¡Ë
¤Þ¤¿¡¢iPhone(iOS)¤Ç¤Ï¡¢video¥¿¥°¤ò»È¤¦¤È¤¤Ë¡Öplaysinline°À¡×¤¬¤Ê¤¤¤Èɽ¼¨¤¹¤é¤µ¤ì¤Þ¤»¤ó¡£
¤Ç¤¹¤«¤é¡¢¡Ö¥×¥ì¥¤¥ä¡¼Èóɽ¼¨¤Ç¼«Æ°ºÆÀ¸¡×¤ò¤·¤¿¤¤¤Î¤Ê¤é…autoplay¤Èplaysinline¤¬¥»¥Ã¥È¤ÇɬÍפǤ¹¡£
¥ª¡¼¥ÈºÆÀ¸¤ä¥ë¡¼¥×ºÆÀ¸¤Ï¥æ¡¼¥¶¥Ó¥ê¥Æ¥£¾å¡¢¹Í¤¨¤Æ¤«¤é»È¤¦¤«·è¤á¤Þ¤·¤ç¤¦¡£
¥µ¥¤¥È±ÜÍ÷¤·¤Æ¤¤¤Æ¡¢µÞ¤ËÆ°²è¤¬ºÆÀ¸¤µ¤ì¤ë¤Î¤Ã¤Æ·ù¤¸¤ã¤Ê¤¤¤Ç¤¹¤«¡©
Facebook¤Ç¥¢¥Ã¥×¤µ¤ì¤¿Æ°²è¤¬¥ª¡¼¥ÈºÆÀ¸¤µ¤ì¤ë¤ÈÀ¨¤¤ÌÂÏǤǤ¹¡Ê¾Ð¡Ë
¤Þ¤È¤á
<iframe>¥¿¥°¤ò»È¤Ã¤ÆÆ°²è¤Î¤òËä¤á¹þ¤àÊýË¡¤â¤¢¤ê¤Þ¤¹¡£
¤·¤«¤·¥µ¥¤¥È¤Ë¤è¤Ã¤Æ¤Ï<iframe>¤¬»ÈÍѤǤ¤Ê¤¤¤È¤³¤í¤â¤¢¤ë¤è¤¦¤Ç¤¹¡£
º£¸å¤Ï<iframe>¤«¤é<video>¤¬¼çή¤Ë¤Ê¤Ã¤Æ¤¤¤¯¤è¤¦¤Ç¤¹¤Í¡£
Æ°²è¤òËä¤á¹þ¤à¤³¤È¤Ç¡¢¥µ¥¤¥È¤Î°õ¾Ý¤â¤Þ¤¿ÊѤï¤Ã¤Æ¤¤Þ¤¹¤Î¤Ç¡¢¤³¤ÎÊýË¡¤Ê¤é¤ÐÀ¨¤¯´Êñ¤Ë¤Ç¤¤Þ¤¹¤è¡ª
²¿¤«¤ÎÌò¤ËΩ¤Æ¤Ð´ò¤·¤¤¤Ç¤¹¡£
JUGEM¥Æ¡¼¥Þ¡§£×£Å£Â¥Ç¥¶¥¤¥ó¡§¥Û¡¼¥à¥Ú¡¼¥¸À©ºî
¥¹¥Ý¥ó¥µ¡¼¥ê¥ó¥¯
|