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的版本: 

posted @   刘宏缔的架构森林  阅读(439)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示