热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

html5的video(视频)和audio(音频)标签中的属性用法

​这篇文章给大家介绍的内容是关于html5的video(视频)和audio(音频)标签中的属性用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
这篇文章给大家介绍的内容是关于html5的video(视频)和audio(音频)标签中的属性用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

如何在所有主流浏览器中启用

要使HTML5视频和音频标签适用于所有主流浏览器,只需在文档的中的某处添加以下代码行即可。

如何嵌入视频

您可以使用以下代码将视频嵌入到您的页面中。

视频格式:
格式 MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

HTML5 中的新属性:
属性 值 描述
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted muted 规定视频的音频输出应该被静音。
poster URL 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像( poster = poster.jpg )。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放(预加载)。
如果使用 “autoplay”,则忽略该属性。
src url 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。

HTML 音频/视频 方法:
方法 描述
addTextTrack() 向音频/视频添加新的文本轨道。
canPlayType() 检测浏览器是否能播放指定的音频/视频类型。
load() 重新加载音频/视频元素。
play() 开始播放音频/视频。
pause() 暂停当前播放的音频/视频。

可以通过 addEventListener 监听视频的ended事件,监听结束时间,进行结束,跳转的操作等

相关文章推荐:

HTML5的option属性:如何使用option属性实现级联下拉列表

html5页面结构的变化以及增加和删除标签的总结

以上就是html5的video(视频)和audio(音频)标签中的属性用法的详细内容,更多请关注其它相关文章!


推荐阅读
  • 代码生成器实战教程:提升编程效率的利器
    本系列文章旨在通过一系列实践案例,详细介绍如何利用代码生成器提高开发效率。本文将引导您完成从下载安装到实际应用的全过程。 ... [详细]
  • 本文详细介绍了HTML中的全局属性,包括class、data-*、draggable等,这些属性几乎可以在所有HTML元素中使用,以增强元素的功能性和可操作性。 ... [详细]
  • 本文介绍了Android SDK Platform Tools的核心功能及其重要性。作为Android SDK的一个关键组成部分,Platform Tools提供了开发者与Android设备进行交互所需的各种工具。 ... [详细]
  • Cadence SPB 16.5 安装指南与注意事项
    本文提供了详细的 Cadence SPB 16.5 安装步骤,包括环境配置、安装过程中的关键步骤以及常见问题的解决方案。适合初次安装或遇到问题的技术人员参考。 ... [详细]
  • HTTP中的Chunked编码与Content-Length的区别及应用场景
    本文探讨了在HTTP协议中,当使用Transfer-Encoding为chunked时为何无需设置Content-Length,以及这种编码方式的具体实现和优势。 ... [详细]
  • 作为一名CSS初学者,我在博客园中尝试通过CSS美化页面,特别是为超链接添加图标,以提升阅读体验。本文将分享如何使用CSS和字体图标库来实现这一功能。 ... [详细]
  • 本文探讨了For和Foreach循环在不同数据结构(如数组和IEnumerable)下的性能表现,分析了它们各自的优势和适用场景。 ... [详细]
  • 1<table>2<tr>3<th>ID<th>4 ... [详细]
  • 本文探讨了HTA(HTML Application)环境中HTML5 IndexedDB的可用性问题,并提供了一种替代方案,即通过使用COM ActiveX对象来实现数据存储功能。 ... [详细]
  • 深入解析Android Activity生命周期
    本文详细探讨了Android中Activity的生命周期,通过实例代码和详细的步骤说明,帮助开发者更好地理解和掌握Activity各个阶段的行为。 ... [详细]
  • ODB 2.1.0 版本现已推出,此更新引入了多项新功能,如通过访问器、修饰符、函数及表达式访问数据成员,支持虚拟数据成员,并允许在数据成员上直接定义数据库索引等。 ... [详细]
  • SQLite是一种轻量级的关系型数据库管理系统,尽管体积小巧,却能支持高达2TB的数据库容量,每个数据库以单个文件形式存储。本文将详细介绍SQLite在Android开发中的应用,包括其数据存储机制、事务处理方式及数据类型的动态特性。 ... [详细]
  • 基于Java的多功能文档阅读器
    介绍一个完全用Java开发的文档阅读器——XDocViewer,该组件易于集成到各种Java应用程序中,包括Web应用。其主要特点包括:免费使用、支持多种文档格式、依赖项精简、集成简便以及强大的API功能。 ... [详细]
  • 字符、字符串和文本的处理之Char类型
    .NetFramework中处理字符和字符串的主要有以下这么几个类:(1)、System.Char类一基础字符串处理类(2)、System.String类一处理不可变的字符串(一经 ... [详细]
  • 近期,一种基于古代汉语的编程语言 WenYanLang 在开发者社区引起了广泛关注。本文将探讨这一独特编程语言的特点及其可能的影响。 ... [详细]
author-avatar
孤鹜1101
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有