当前位置: 首页 > 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.dtcms.com/a/172349.html

相关文章:

  • 交互式入门:点击绽放的樱花树(花瓣飘落动画)
  • 【论文笔记】SOTR: Segmenting Objects with Transformers
  • 「OC」源码学习——objc_class的bits成员探究
  • Dify 快速构建和部署基于LLM的应用程序
  • ModBus协议详解:从基础概念到C#实现RTU与TCP通讯
  • Spring Boot配置文件详解:从入门到精通
  • 养生小锦囊:开启健康生活新模式
  • 16. Qt系统相关:事件、定时器
  • 信息系统项目管理师-软考高级(软考高项)​​​​​​​​​​​2025最新(七)
  • 学习Linux的第二天
  • 《架构安全原则》解锁架构安全新密码
  • labuladong刷题day3-数组使用双指针技巧
  • python打卡day16
  • kotlin 03flow-stateFlow和sharedFlow企业中使用
  • 网络原理 TCP/IP
  • Excel 查询之 iNDEX与MATCH组合
  • 【群晖NAS】Docker + WebStation + DDNS 部署无端口号HTTPs WordPress
  • 科学养生,开启健康生活新篇章
  • ARM子程序调用与返回
  • 7、Activiti-任务类型
  • vue实现AI问答Markdown打字机效果
  • 关于浏览器页面自动化操作
  • 一条 SQL 更新语句是如何执行的?
  • SPI协议
  • 关于Python:9. 深入理解Python运行机制
  • 【Ubuntu 安装Docker CE-Jenkins】
  • Matlab自学笔记五十三:保存save和载入load
  • LeetCode热题100--189.轮转数组--中等
  • Spring Boot 中 @Bean 注解详解:从入门到实践
  • 【C++指南】STL list容器完全解读(一):从入门到掌握基础操作