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

总结

学习记录。

相关推荐
我是发哥哈22 分钟前
东莞AI培训主流方案横向评测:5大选型维度解析
大数据·人工智能·学习·机器学习·chatgpt·ai编程
千寻girling25 分钟前
机器学习 | 感知机 | 尚硅谷学习
人工智能·学习·机器学习
可爱の小公举31 分钟前
Java 后端程序员转 AI Agent 工程师:一条可执行学习路线
java·人工智能·学习
Bechamz39 分钟前
大数据开发学习Day26
java·大数据·学习
代码的小搬运工39 分钟前
Masonry学习
学习·macos·cocoa
玖妍呐1 小时前
纠结课外辅导选线上还是线下?2026高适配线上学习软件推荐
学习
wuxinyan1231 小时前
大模型学习之路006:RAG 零基础入门教程(第三篇):BM25 关键词检索与混合检索实战
人工智能·学习·rag
Shadow(⊙o⊙)1 小时前
linux基础指令2.0
linux·运维·服务器·学习·apache
Bofu-2 小时前
【音频测试】03-WPF 实现声道自动验证 + Whisper 语音识别录音检测
c#·whisper·wpf·音视频·音频测试·naudio 声道控制
aWty_3 小时前
实分析入门(5)--确界
学习