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

总结

学习记录。

相关推荐
siy23332 小时前
[c语言日记] 数组的一种死法和两种用法
c语言·开发语言·笔记·学习·链表
全栈技术负责人3 小时前
Hybrid应用性能优化实战分享(本文iOS 与 H5为例,安卓同理)
前端·ios·性能优化·html5
Zender Han4 小时前
Flutter 视频播放器——flick_video_player 介绍与使用
android·flutter·ios·音视频
max5006004 小时前
实时多模态电力交易决策系统:设计与实现
图像处理·人工智能·深度学习·算法·音视频
在路上`4 小时前
前端学习之后端java小白(三)-sql外键约束一对多
java·前端·学习
尚久龙5 小时前
安卓学习 之 用户登录界面的简单实现
android·运维·服务器·学习·手机·android studio·安卓
yb0os15 小时前
RPC实战和核心原理学习(一)----基础
java·开发语言·网络·数据结构·学习·计算机·rpc
Pu_Nine_95 小时前
10 分钟上手 ECharts:从“能跑”到“生产级”的完整踩坑之旅
前端·javascript·echarts·css3·html5
乱飞的秋天5 小时前
网络编程学习
网络·学习·php
2202_755744306 小时前
开学季技术指南:构建高效知识管理系统与学习工作流
学习