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类型的文件。

总结

学习记录。

相关推荐
xqqxqxxq1 小时前
树结构技术学习笔记
数据结构·笔记·学习
十月的皮皮2 小时前
C语言学习笔记202606008- 三角形判断(3种方法)
c语言·笔记·学习
XGeFei2 小时前
【Fastapi学习笔记(6)】—— Fastapi文件上传、请求头自动转换
笔记·学习·fastapi
一口吃俩胖子2 小时前
【脉宽调制DCDC功率变换学习笔记024】频域性能
笔记·学习
吃着火锅x唱着歌2 小时前
深度探索C++对象模型 学习笔记 第五章 构造、解构、拷贝语意学(2)
c++·笔记·学习
中小企业实战军师刘孙亮2 小时前
快消纺织五金怎么融合?三大业态协同发展战略思路-佛山鼎策创局破局增长咨询
学习·面试·创业创新·制造·学习方法
Upsy-Daisy2 小时前
Hermes Agent 学习笔记 04:工具调用系统,让 Agent 从“会说”变成“会做”
java·笔记·学习
楼田莉子2 小时前
C++20新特性:协程
开发语言·c++·后端·学习·c++20
weixin_428005302 小时前
C#调用 AI学习从0开始-第2阶段(Function Calling+工具调用智能体)-第9天实战-实现计算器工具
开发语言·学习·c#·functioncalling·ai实现计算器工具
Deepoch2 小时前
Deepoc VLA开发板:除草机器人的持续学习与协同作业系统
人工智能·学习·机器人·开发板·具身模型·deepoc