html5--4-3 source元素-解决浏览器的兼容

学习要点

掌握source元素的用法

source元素-解决浏览器额兼容

HTML5 中新增的元素
video和audio元素的子元素，可指定多个文件来源，用来解决浏览器的兼容问题
如果使用了source元素，则不可以在video和audio中设置src属性

实例

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

     <style type="text/css">

         h1{text-shadow: #A9A9A9 5px 5px 3px;}

     </style>

 </head>

 <body>

     <h1>这是一个测试阴影效果的标题</h1>

     <details>

         <summary>source详细介绍</summary>

         <p style="color: #FFF000">

             <ul>

                 <li style="color: #FF0000">HTML5 中新增的元素</li>

                 <li style="color: #FF0000">video和audio元素的子元素，可指定多个文件来源，用来<strong>解决浏览器的兼容问题</strong></li>

                 <li style="color: #FF0000">如果使用了source元素，则不可以在video和audio中设置<strong>src属性</strong></li>

             </ul>

         </p>

     </details>

     <video  controls="" width="500">

         <source src="res/video.mp4" type="video/mp4"></source>

         <source src="res/video.webm" type="video/webm"></source>

         你的浏览器暂不支持HTML5的vedio元素！

     </video>

 </body>

 </html>

巴特西

html5--4-3 source元素-解决浏览器的兼容

html5--4-3 source元素-解决浏览器的兼容

学习要点

实例

最新文章

热门文章