video+ audio

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>音频和视频</title>
</head>
<body>
<!-- video元素的属性 -->
<!-- 属性:
src:视频资源的URL
width:视频宽度
height:视频高度
autoplay:设置后,表示立刻开始播放视频
preload:设置后,表示预先载入视频
有三个属性值:none:表示播放器什么都不加载;
metadata:表示播放之前只能加载元数据(宽,高,第一帧画面等信息)
auto:表示请求服务器尽快下载整个视频
controls:设置后,表示显示播放控件
loop:设置后,表示反复播放视频
muted:设置后,表示视频处于静音状态
poster:指定视频数据载入时显示的图片 -->
<!-- 方式1 -->
<video src=""></video>
<!-- 方式2 -->
<video>
<source src="xxx.mp4">
<source src="xxx.webm">
<source src="xxx.ogg">
<object data="" type="">
实现flash插件的播放,如果屏蔽i9以下则不需要
</object>
</video>

<audio src="">
<source src="xxx.mp4">
<source src="xxx.webm">
<source src="xxx.ogg">
</audio>
</body>
</html>

转载于:https://www.cnblogs.com/handsomehan/p/5325050.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值