实现人脸识别性别之路---网页上的video标签

本文详细介绍了HTML5中<video>元素的三种支持视频格式:MP4, WebM, 和Ogg,以及不同浏览器对这些格式的支持情况。同时,深入解析了<video>元素的各种属性,如autoplay、controls、height、width、loop、muted、poster和src的作用。此外,还探讨了JavaScript中单引号与双引号的区别,以及video对象的方法,包括canPlayType(), load(), play()和pause()。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<video> 元素支持三种视频格式: MP4, WebM, 和 Ogg。但是,不同的浏览器对视频格式的支持也不一致,因此为了让浏览器都适应,我们使用source属性来对视频文件格式定义

<video>元素的标签的属性、值和作用

属性           值           描述

autoplay     autoplay 如果出现这个属性,则视频加载完之后马上播放

controls      controls  在视频上添加播放(暂停)、音量、全屏切换等按钮

height          数字      设置视频播放器的宽度

width           数字       设置视频播放的长度

loop             loop       视频循环播放

muted          muted   视频的音频为静音输出

poster          auto      视频加载之后就播放

                    meta     视频加载之后只载入元数据

                    none     视频加载之后不载入视频

src               地址      视频播放的地址

 

JavaScript中的单引号和双引号的区别

如果双引号在单引号里面,则输出的结果有双引号;如果单引号在双引号里面,则输出的结果有单引号

在双引号或者单引号之间字符串两边添加加号表示变量

 

video对象方法:document.createElement("video")返回的对象值

方法                                                     描述

canPlayType()                                      检测浏览器是否能播放指定的音频/视频类型

load()                                                    重新加载音频/视频,在重新视频时候对内容重新设置

play()                                                    开始播放音频/视频,常用来设置按钮来设置开始

pause()                                                 暂停当前播放的音频/视频,常用来设置按钮来设置暂停

转载于:https://www.cnblogs.com/MyUniverse/p/9972607.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值