video标签的全部配置

src：要播放的路径地址
autoplay：是否自动播放，默认值是false,（Boolean）
loop：是否循环播放，默认值是false,（Boolean）
muted：是否静音播放，默认值是false,（Boolean）
initial-time：制定和视频初始播放位置，单位为秒（字节跳动小程序不支持,Number）
duration：指定视频时长（字节跳动小程序不支持,Number）
controls：是否显示默认播放控件
danmu-list：弹幕列表（字节跳动小程序不支持,ObjectArray）
danmu-btn：是否显示弹幕按钮，只在初始化时有效，不可更改（字节跳动小程序不支持,Boolean）
enable-danmu：是否显示弹幕，只在初始化时有效，不可更改（字节跳动小程序不支持,Boolean）
page-gesture：在非全屏模式下，是否开启亮度和声音调节手势（微信小程序、H5,Boolean）
direction：设置全屏时视频的方向，不指定规则则更具宽高比自行判断，有效值为0（正常径向）、90（屏幕逆时针90度）、-90（屏幕顺时针90度）（字节跳动小程序、H5不支持,Boolean）
show-progress：若不设置，宽度大于240时才会显示（字节跳动小程序不支持,Boolean）
show-fullscreen-btn：是否显示全屏按钮（Boolean）
show-play-btn：是否显示视频底部控制栏的播放按钮（Boolean）
show-enter-play-btn：是否显示视频中间的播放按钮（字节跳动小程序不支持,Boolean）
enable-progress-gesture：是否开启控制进度的手势（字节跳动小程序不支持,Boolean）
object-fit：当视频大小与vide容器大小不一教时，视环的表现形式contain:包含，fill:填充,cover覆盖（微信小程序、字节跳动小程序、H5，String）
poster：视频封面的图片网络资源地址，如果controls属性值为false则设置poster 无效（String）
show-mute-btn：是否显示静音按钮(微信小程序,Boolean)
title：视的标频全屏时在顶部展示(微信小程序,String)
play-btn-position：播放按钮的位置（微信小程序、字节跳动小程序，String）
enable-play-gesture：是否开启播放手势,即双击切换播放/暂停(微信小程序Boolean)
auto-pause-if-open-navigate：当跳转到其它小程序页面时,是否自动暂停本页面的视频(微信小程序Boolean)
vslide-gesture：当跳转到其它微信原生页面时,是否自动暂停本页面的视频(微信小程序Boolean)
vslide-gesture-in-fullscreen：在非全屏模式下,是否开启亮度与音量调节手势,在全屏模式下,是否开启亮度与音量调节手势 (微信小程序Boolean)
ad-unit-id：视频前贴广告单元ID,更多详情可参考开放能力 (微信小程序String)
poster-for-crawler：用于给搜索等场景作为视频封面展示,建议使用无播放icon的视频制面图,只支持网络地址 (微信小程序String)
ad-unit-id：微信小程字视频前贴广告单元D,更多详情可参考开放能力[视频前贴广告] (微信小程序String)

video标签的全部配置相关推荐

video标签和videojs配置（vue视频弹窗组件）
直接摆出一个视屏弹窗的vue组件代码实现效果: 点击父组件中某个按钮后,打开视频弹窗,并且可以通过X按钮关闭优点: 动态生成与销毁video标签,解决hls视频流数据一直在后台请求的问题,避免关闭 ...
uniapp h5直播拉流的几种方法 flv.js， video.js，阿里播放器sdk，video标签
uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签前言首先引入资源文件需要创建index.html 模板文件 flv.js video.j ...
html5应用测试方法,详解html5的video标签测试应用
1.video标签的使用属性:src(要播放的音频文件路径).autoplay(是否自动播放).control(进度条).loop(循环播放).onended(是否播放完毕的是一个事件) 2.实现了 ...
ios html5 自动全屏播放,禁止iPhone Safari video标签视频自动全屏的办法
最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签). 如: 在iPhone safari 点击视频会弹出播放器进行全屏播放. 在网上看 ...
html5 video标签实现手机端视频播放全屏显示
<video preload='auto' id='my-video' src='cuplayer.mp4' webkit-playsinline='true' playsinline='tru ...
使用H5中的video标签时，页面中间显示“暂停”图标；点击播放，图标消失；点击暂停，图标出现（play、pause、ended）
有时候我们在做项目的过程中会遇到这样的需求: 使用H5中的video标签播放一个视频,并在视频的中心位置放置一个暂停的图标,点击后视频播放,图标消失:再次点击后,视频暂停,图标出现. 想要的效果,例下 ...
vue3-video-play视频组件的使用（一）——基本使用 HTML5中Video标签的属性、方法和事件汇总
vue3-video-play视频组件的使用(一)--基本使用 & HTML5中Video标签的属性.方法和事件汇总 npm地址:https://www.npmjs.com/package/v ...
html网站video标签blob视频如何下载
在淘宝或tdtu知乎等有时想下载里面的视频资源,看了一下视频标签里的video不是MP4格式url,而是blob+url的方式. 是blob:https并不是一种协议,而是html5中blob对象在赋 ...
ios下video标签无法播放视频
根据网上的信息更改responseHeader content-range 等, 但是依旧播放不了.. 后来请教别人需要服务器配置XX东西, 然后方向一换.. iPhone上的safari浏览器 ...

video标签的全部配置

video标签的全部配置

video标签的全部配置相关推荐

最新文章

热门文章