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

总结

学习记录。

相关推荐
桂花饼6 小时前
AI 视频生成:sora-2 模型快速对接指南
人工智能·音视频·sora2·nano banana 2·claude-opus-4-6·gemini 3.1
2501_945318497 小时前
备考方案:针对数据分析师的知识结构,制定攻克赛一认证的最优学习路径
学习·百度
2301_792674868 小时前
java学习day29(juc)
java·开发语言·学习
AI创界者9 小时前
Ace-Step-1.5-XL-Turbo ai歌曲生成一键整合包,解压即用!支持高保真长音频,AI音乐制作进入2.0时代
人工智能·音视频
qq_571099359 小时前
学习周报四十
学习
潜创微科技--高清音视频芯片方案开发10 小时前
2026年国内高清音视频切换器方案行业分析&选型参考指南
音视频·硬件工程
瑶光守护者11 小时前
【一文读懂】OpenClaw系统架构分析:自主人工智能智能体的范式迁移与技术底座分析
人工智能·笔记·学习·系统架构·边缘计算·openclaw
炽烈小老头12 小时前
【每天学习一点算法 2026/04/13】两数相除
学习·算法
_李小白12 小时前
【OSG学习笔记】Day 45: osg::Camera::DrawCallback (抓取图片)
笔记·学习
青苔猿猿12 小时前
OpenWebUI(20)源码学习-版本升级
人工智能·学习·ai·openwebui