站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

html5中媒体元素有哪些

时间:2022-01-12 [网络编程]作者:fabuyuan 浏览:4 次

html5中的媒体元素有:1、video元素,用于在文档中定义视频;2、audio元素,用于在文档中定义声音;3、source元素,用于为媒介元素(video、audio等)定义媒介资源;4、track元素;5、embed元素。

html5中媒体元素有哪些

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html5中的媒体元素

HTML5对媒体的支持性很强,支持以下媒体元素:

  • audio 定义音频

  • video 定义视频

  • embed 作为外部应用的容器

  • source 多种媒体源的支持

  • track 定义媒体的文本跟踪

1、video元素

<video> 标签定义视频,比如电影片段或其他视频流。

<video src="视频路径" controls></video>

src是指定要八方的视频文件的路径;controls是提供播放、暂停和音量的控件。

2、audio元素

<audio> 标签定义声音,比如音乐或其他音频流。

<audio src="音频路径" controls></audeo>

3、source元素

<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

<video controls>
    <source src="vodeo/video.webm" type="video/webm"/>
</video>

source标签的作用是给视频或音频资源设置几个格式,这样浏览器可以选择自己可以播放的格式进行播放。

4、track元素

<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。

<video width="320" height="240" controls="controls">
  <source src="forrest_gump.mp4" type="video/mp4" />
  <source src="forrest_gump.ogg" type="video/ogg" />
  <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
  <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>

5、embed元素

<embed> 标签定义嵌入的内容,比如插件。

<embed src="媒体文件" />

相关推荐:《html视频教程

以上就是html5中媒体元素有哪些的详细内容,更多请关注站长家园其它相关文章!

本文标签:  html5媒体元素

转载请注明来源:html5中媒体元素有哪些

本文永久链接地址:https://www.adminjie.com/post/7575.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • 使用jq如何删除css样式

      使用jq如何删除css样式

      删除方法:1、用removeClass()或toggleClass()移除指定CSS类,语法“removeClass("类名")”或“toggleClass("...

    • css3如何让盒子水平居中

      css3如何让盒子水平居中

      css3让盒子水平居中的方法:1、使用margin属性,给盒子元素添加“margin:0auto;”样式即可水平居中;2、利用flex弹性布局来实现水平居中...

    • 如何将css文件设置为utf-8

      如何将css文件设置为utf-8

      在css中,可以利用“@charset”规则来将字符编码设置为“utf-8”,该规则可以指定样式文件中使用的字符编码,语法为“@charset"UTF-8";...

    • css怎么设置按钮中的字大小

      css怎么设置按钮中的字大小

      css设置按钮中字体大小的方法:1、给按钮元素添加class属性并设置属性值;2、使用class选择器选中按钮元素,添加“font-size:数值px;”样式即...

    • javascript标识符不能以什么开头

      javascript标识符不能以什么开头

      在javascript中,标识符不能以数字开头,即第一个字符不能为数字,必须是字母、下划线“_”或美元符号“$”,其后的字符可以是字母、数字或下划线、美元符号;...

    热门文章