html5< source>标签笔记

原创 PHP笔记  2017-08-28 20:50  阅读 1,627 views 次

<source>标签定义及用法

1、在html中,<source>标签是用来为媒体元素( <video>或<audio>)定义媒体资源。

2、<source>标签可以定义两个视频/音频文件供浏览器选择(对媒体类型或者编解码器的支持)。

3、<source>标签是html5新增标签,目前IE 9+、Firefox、Opera、Chrome和Safari等浏览器都已经支持,但IE 8 或更早版本的IE浏览器还不支持。

<source>标签基本属性

  • media:媒体资源的类型,供浏览器决定是否下载(值:media_query)。
  • src:媒体文件的 URL(值:URL)。
  • type:媒体资源的 MIME 类型(值:MIME_type)。

<source>标签标签支持html全局属性和html事件属性

格式:

<source src="媒体资源地址" />

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5< source>标签笔记_PHP笔记</title>
</head>
<body>
<audio controls="controls">
<source src="https://www.ggbiji.com/video/1.wav" />
</audio>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-source.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情