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

uniapp开发06-视频组件video的使用注意事项

uniapp开发-视频组件video的使用注意事项!实际项目开发中,经常会遇到视频播放的业务需求。下面简单讲解一下,uniapp官方提供的视频播放组件video的常见参数和实际效果。


1:先看代码:

<!--视频组件的使用展示--><video src="../../static/videos/sun-01.mp4" autoplay muted="true" class="myvideo"></video>

2:如上所述,这是配置了2个参数,一个是autoplay(是否自动播放);这个参数默认是false的。

当我们配合后面的参数muted(是否静音播放)(开启它,设置为true)时,刷新页面,视频就会以静音模式自动播放了。

3:实际上,我们很少这样配置,偶尔特殊情况,可能会用得到,比如可以把一段短视频作为网站的背景素材。有些大公司的网站就有这种案例,比如魔兽世界的官方网站就有这种把短视频作为页面背景的效果案例。

4:大家可以去官方查询video的详细参数介绍。

danmu-btn:(是否显示弹幕按钮,只在初始化时有效,不能动态变更) ;

如果你的网站开发有弹幕的业务模块,这个参数就可以排得上用场。后续我们会开发一个完整的项目,带领大家全面的了解如何在实际项目中使用video组件。

http://www.xdnf.cn/news/288757.html

相关文章:

  • 大数据分析在视频监视方面的应用综述
  • ROS2 开发踩坑记录(持续更新...)
  • Serverless
  • 机器学习项目流程极简入门:从数据到部署的完整指南
  • 物联网mqtt和互联网http协议区别
  • 硬件工程师面试常见问题(14)
  • [学习] RTKlib详解:功能、工具与源码结构解析
  • 基于MATLAB的图像色彩识别项目,彩色图像矩阵识别
  • 大模型推理--从零搭建大模型推理服务器:硬件选购、Ubuntu双系统安装与环境配置
  • Python实战:基于控制台与MySQL的电影票预订系统开发指南
  • 学习路线(机器人系统)
  • 模糊控制理论(含仿真)
  • 7400MB/s5050TBW完美结合,全新希捷酷玩530R SSD体验评测
  • 10 种最新的思维链(Chain-of-Thought, CoT)增强方法
  • 攻防世界-php伪协议和文件包含
  • 第一章-Rust入门
  • 音频感知动画新纪元:Sonic让你的作品更生动
  • PE文件结构(导出表)
  • 专家系统的推理流程深度解析
  • Java SE(8)——继承
  • 虚拟dom是什么,他有什么好处
  • 深度学习里程碑:AlexNet 架构解析与核心技术详解
  • 【深度学习|学习笔记】Deep Belief Network(DBN,深度置信网络)起源、原理、发展和应用(附代码)
  • 【KWDB 创作者计划】基于 ESP32 + KWDB 的智能环境监测系统实战
  • 高可用架构设计——故障响应
  • Red Hat6.4环境下搭建DHCP服务器
  • 第六章 流量特征分析-蚁剑流量分析(玄机靶场系列)
  • MCP原理详解及实战案例(动嘴出UI稿、3D建模)
  • Linux系统安装PaddleDetection
  • 基于CBOW模型的词向量训练实战:从原理到PyTorch实现