uni-app:播放视频(hbuilderx 3.7.3)
一,官方文档地址:
https://uniapp.dcloud.net.cn/component/video.html
说明:刘宏缔的架构森林是一个专注架构的博客,
网站:https://blog.imgtouch.com
原文: https://blog.imgtouch.com/index.php/2023/06/05/uniapp-bo-fang-shi-pin-hbuilderx-3-7-3/
对应的源码可以访问这里获取: https://github.com/liuhongdi/
或: https://gitee.com/liuhongdi
说明:作者:刘宏缔 邮箱: 371125307@qq.com
二,js代码
<template> <view> <video id="myVideo" show-mute-btn="true" custom-cache="false" :src="videoUrl" controls muted="false"> </video> </view> </template> <script> export default { data() { return { videoUrl:"http://www.lucklnk.com/video/4.mp4", } }, methods: { } } </script> <style> </style>
三,测试效果
四,查看hbuilderx的版本:

【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?