当前位置: 首页 > news >正文

学习Video.js

查阅官方文档,学习video.js相关属性、回调与方法:

播放器选项设置

①标准的video标签属性

<video controls autoplay preload="auto" ...>

②data-setup属性传递JSON

<video data-setup='{"controls": true, "autoplay": false, "preload": "auto"}'...>

③创建播放器实例以第二个参数配置

videojs('my-player', {controls: true,autoplay: false,preload: 'auto'
});
//修改选项
var player = videojs('my-player');player.options({ enableSmoothSeeking: true });
// 设置看不到播放时间前面的负号 
player.options({controlBar: {remainingTimeDisplay: {displayNegative: false,}},});

选项的学习

配置选项

含义

类型

autoplay

自动播放

boolean|string

controlBar.remainingTimeDisplay.displayNegative

默认情况下,剩余时间显示为负数时间

boolean

controls

确定播放器是否具有可供用户交互的控件

boolean

height

设置视频播放器的显示高度(以像素为单位)

string|number

loop

使视频在结束后立即重新开始

boolean

muted


http://www.mrgr.cn/news/82706.html

相关文章:

  • 嵌入式驱动开发详解8(阻塞/非阻塞/异步通信)
  • STM32 拓展 电源控制
  • 《AI 造梦:解锁虚拟场景与角色逼真丰富密码》
  • 【Android项目学习】3. MVVMHabit
  • 基于Springboot语言的在线考试与学习交流网页系统【附源码】
  • uniapp更新版本,apk包进度条,wgt包热更新
  • K8s高可用集群之Kubernetes集群管理平台、命令补全工具、资源监控工具部署及常用命令
  • 第四、五章补充:线代本质合集(B站:小崔说数)
  • [SAP ABAP] SMARTFORMS表单开发
  • Nginx (40分钟学会,快速入门)
  • 【操作系统不挂科】操作系统期末考试卷<2>(单选题&简答题&计算与分析题&程序分析题&应用题)
  • 01:C语言的本质
  • 深入探索 Kubernetes:从基础概念到实战运维
  • LLM - 使用 LLaMA-Factory 部署大模型 HTTP 多模态服务 教程 (4)
  • 多模态论文笔记——CogVLM和CogVLM2
  • 毕业项目推荐:基于yolov8/yolov5的行人检测识别系统(python+卷积神经网络)
  • 【Unity3D】UGUI Canvas画布渲染流程
  • TP8 前后端跨域访问请求API接口解决办法
  • 基于海思soc的智能产品开发(camera sensor的两种接口)
  • 【Vim Masterclass 笔记05】第 4 章:Vim 的帮助系统与同步练习(L14+L15+L16)
  • 【C++】B2104 矩阵加法
  • 【MyBatis-Plus 进阶功能】开发中常用场景剖析
  • Markdown中流程图的用法
  • 【C++】P5732 【深基5.习7】杨辉三角
  • 【C++】B2103 图像相似度
  • 算法设计与分析期末