IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
While I was coding the Elemin Theme (a responsive WordPress theme that I recently designed), one of the challenges that I faced was to make the embedded videos elastic. Using the max-width:100% and height:auto trick works with native HTML5 video tag, but it doesnât work with embed code using iframe or object tag. After hours of experimenting and Googling, I finally found a trick on how to achieve
ä»é±ã®TOPè¨äºã¯HTML5é¢ãããã®ã HTML5ã®ãã¼ãã·ã¼ãã¿ãããªãµã¤ããã¡ããã¡ããç¾ãã¦ãã¾ããããã®ã¾ã¨ãã§ãã HTML5ã®ãã¨ããã§ãã¯ãã¦ããããæ¹ã¯ãæ¯éè¦ãã¦ã¿ã¦ãã ãããã ãã¨ã¯ãã¶ã¤ã³ç³»ããWebã¢ããªãæ¡å¼µæ©è½ãªã©å¹ åºãæãã¾ããã ã«ã©ã¼ããã«ã¼ã¾ã¨ãã«é¢ãã¦ã¯ãã©ã¤ãããã«ã¼ã®æ¹ã§æ¸ããã¦ããã ãã¾ããã âã«ã©ã¼ã¹ãã¼ã ã決ããã®ã«å½¹ç«ã¤ãé è²ã¸ã§ãã¬ã¼ã¿17åã¾ã¨ã ï¼â»ãã¿å¸³ã§ã¯æµ·å¤è¨äºããæ±ãã¾ããããããããï¼
HTML5çã®æ°è¦ã§ãµã¤ããä½ãã®ã«ä½¿ããããªä¸å¼ã§ãã ä»ã¾ã§ã®æ°è¦ã§ä½¿ããããªä¸å¼ã®Ver3ãããæãç¨åº¦æµç¨ã¯ãã¦ãã¾ãããçµæ§ããã£ã¦ã¾ãã ä»ã¾ã§ã¿ããã«ã社å ã®ãã¼ã¯ã¢ããã¨ã³ã¸ãã¢ã¨ããããã人ãããå± ãªãç°å¢ãªã®ã§ãä½å¦ãã§ä½¿ããã¦ãã訳ã§ã¯ããã¾ããããã¾ã¼æåã®æºåã£ã¦å°å³ã«é¢åãªã®ã§ã¡ãã¡ãã£ã¨å§ããã«ã¯è¯ãããããªãã§ããããã ãHTML5ãæ°è¦ã§ãµã¤ããä½ãã®ã«ä½¿ããããªä¸å¼ãVer 1ãDLï¼zipï¼12kbï¼ HTML5çã®Ver 1ãè¦ã 社å ã®ãã¼ã¯ã¢ããã¨ã³ã¸ãã¢ã¨ãã£ã¦æ¸ããããããã©ããªã®ãï¼ã¨ã話ãã¦ãé ãã¡ãã£ã¨æããããªã£ãã ã³ã¼ãã¼é£²ã¿ã¨ããCSS Niteãªããã§ããã¼ã¯ã¢ããã¨ã³ã¸ãã¢ãã³ã¼ãã¼ããã¨ä¼ãæ©ä¼ã¯çµæ§æãã®ã«ãããããå ·ä½çãªï¼è©±ã¾ã§ã¯ããªããããªãã»ã»ã» ããã¯ãã¦ãããä¸èº«ã®ã説æãªã©ãç¶ãã«ã¦ã ä¸èº«ã®ã説æ zi
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}