html5--4-3 source元素-解决浏览器的兼容
生活随笔
收集整理的這篇文章主要介紹了
html5--4-3 source元素-解决浏览器的兼容
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
html5--4-3 source元素-解決瀏覽器的兼容
學習要點
- 掌握source元素的用法
source元素-解決瀏覽器額兼容
- HTML5 中新增的元素
- video和audio元素的子元素，可指定多個文件來源，用來解決瀏覽器的兼容問題
- 如果使用了source元素，則不可以在video和audio中設置src屬性
?
實例
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 h1{text-shadow: #A9A9A9 5px 5px 3px;} 8 </style> 9 </head> 10 <body> 11 <h1>這是一個測試陰影效果的標題</h1> 12 <details> 13 <summary>source詳細介紹</summary> 14 <p style="color: #FFF000"> 15 <ul> 16 <li style="color: #FF0000">HTML5 中新增的元素</li> 17 <li style="color: #FF0000">video和audio元素的子元素，可指定多個文件來源，用來<strong>解決瀏覽器的兼容問題</strong></li> 18 <li style="color: #FF0000">如果使用了source元素，則不可以在video和audio中設置<strong>src屬性</strong></li> 19 </ul> 20 </p> 21 </details> 22 23 <video controls="" width="500"> 24 <source src="res/video.mp4" type="video/mp4"></source> 25 <source src="res/video.webm" type="video/webm"></source> 26 你的瀏覽器暫不支持HTML5的vedio元素！ 27 </video> 28 </body> 29 </html> View Code?
轉載于:https://www.cnblogs.com/Renyi-Fan/p/7977699.html
總結
以上是生活随笔為你收集整理的html5--4-3 source元素-解决浏览器的兼容的全部內容，希望文章能夠幫你解決所遇到的問題。
