HTML5学习系列之音频和视频

HTML5学习系列之音频和视频


前言

学习记录。


音频和视频

embed

embed定义嵌入插件。

  • src:指定来源
  • height:高度
  • type:内容的类型
  • width:内容的宽度

object

定义一个嵌入的对象

  • data:URL
  • form:表单
  • height:高度
  • name:名称
  • type:数据类型
  • usemap:客户端图像映射的URL
  • width:对象的宽度

audio

播放声音文件或音频流

  • autoplay:就绪就放
  • controls:显示控件,如有按钮
  • loop:结束时重新开始播放
  • preload:页面加载时进行加载,并预备播放。有autoplay则忽略。
  • src:URL

video

  • autoplay
  • controls
  • height
  • loop
  • muted:音频输出静音
  • poster:URL,下载或播放按钮前显示的图像
  • preload
  • src
  • width

JavaScript脚本控制也可媒体播放。

  • load():加载音频和视频
  • play():加载并播放
  • pause():暂停
  • canPlayType(type):检测video是否支持给定MIME类型的文件。

总结

学习记录。

相关推荐
LYS_06185 分钟前
寒假学习(6)(C语言6+模数电6)
c语言·学习·模数电基础
知识分享小能手5 分钟前
Oracle 19c入门学习教程,从入门到精通,Oracle 用户管理与权限分配 —— 语法详解与实战案例(13)
数据库·学习·oracle
●VON7 分钟前
在 OpenHarmony 上打造智能 TodoList:基于 Flutter 的标签分类与动态过滤实践
学习·flutter·openharmony·布局·技术
好奇龙猫12 分钟前
【日语学习-日语知识点小记-日本語体系構造-JLPT-N2前期阶段-第一阶段(7):复习】
学习
近津薪荼13 分钟前
优选算法——双指针专题2(模拟)
c++·学习·算法
Tina Tang18 分钟前
Agentic AI学习笔记(5)
笔记·学习
茉莉玫瑰花茶19 分钟前
Spine 软件入门学习笔记:面向 2D 游戏动画 + C++ API 开发 - 1
学习·spine
ヤ鬧鬧o.22 分钟前
HTML多倒计时管理
前端·javascript·css·html5
行业探路者30 分钟前
音频二维码让音频分享变得更简单快捷
学习·音视频·语音识别·二维码·设备巡检
●VON31 分钟前
无状态 Widget 下的实时排序:Flutter for OpenHarmony 中 TodoList 的排序策略与数据流控制
学习·flutter·架构·交互·openharmony·von