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元素-解决浏览器的兼容相关推荐

这样解决浏览器不兼容问题
原文出处:http://blog.csdn.net/qq1355541448/article/details/9833147 浏览器兼容性问题怎么解决? 如果想解决浏览器的兼容性问题,你首先要明白在一 ...
HTML5语音标签和作用,HTML5标签：source元素的使用方法及作用
html元素标签是html5中新增的标签,主要用于指定音频.视频.图片类型的媒体资源.有关标签的使用方法及作用详解如下: 标签的定义标签是为.和标签指定多个媒体资源,比如音频.视频.图片. 标签 ...
下列不属于html5语义元素,HTML5 新的语义元素
HTML5 提供了新的语义元素来明确一个Web页面的不同部分: HTML5中新的语义元素 HTML5 元素标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 根据W ...
解决pc端浏览器不兼容的问题
1.对于浏览器之间存在的默认样式差距 <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css&quo ...
HTML5新元素（测试了大部分浏览器可用的元素，部分标签有详细讲解）
h5新元素列表一.<canvas>新元素二.新多媒体元素 1.<audio>标签 2.<video>标签三.新表单元素 1.<datalist>标 ...
CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法
CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法参考文章: (1)CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法 (2)https://www.cnblogs. ...
（一）html5中的新增元素和废除元素
//刘梦冰发表于2015-6-29 1.新增的结构元素 (1)section元素 section元素表示页面中的一个内容区块,比如章节.页眉.页脚或者页面中的其他部分,它可以与h1.h2.h3等元素结 ...
Html5中的Video元素使用方法
现在互联网视频大都使用Flash来实现.但是不同的浏览器可能使用不同的插件.在HTML5中则提供了一个统一的方式来展示视频内容.HTML5 video在Internet Explorer 9, Fir ...
HTML5新增的结构元素和网页元素
1.什么是HTML5 HTML5是用于取代HTML和XHTML的标准版本新特性: 新的语义化标签,比如header.footer.nav 新的表单控件,比如email.url.search 用于绘画 ...

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

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

学习要点

实例

html5--4-3 source元素-解决浏览器的兼容相关推荐

最新文章

热门文章