首页 > 其他分享 >【uniapp】video在公众号自动播放事件及使用object-fit使内容填充不留黑边

【uniapp】video在公众号自动播放事件及使用object-fit使内容填充不留黑边

时间:2024-10-14 17:22:00浏览次数:14  
标签:uniapp fit 填充 object video 不留

 

视频组件官网:https://uniapp.dcloud.net.cn/component/video.html

    使用object-fit使内容填充不留黑边
    object-fit

    contain 当视频大小与 video 容器大小不一致时,视频的表现形式。
    contain:包含,fill:填充,cover:覆盖

 

在template中添加

<template>
    <view>
             <video id="zsVideo" :src="myVideo" :danmu-list="danmuList" enable-danmu danmu-btn controls
                    style="width:100%;height:202px;" object-fit="fill"
                    poster='/images/videro.png?v=0.20241014001' @pause="handlePause"
                    @click="onVideoPlay">
            </video>
    </view>
</template>

 

标签:uniapp,fit,填充,object,video,不留
From: https://www.cnblogs.com/Fooo/p/18464648

相关文章

  • 10月最新版本所有功能正常使用 全开源TikTok跨境商城源码 独立站商城运营+带文字教程
    10月最新版本,非源码站垃圾,所有功能最新所有功能已更新所有功能已更新所有功能已更新....更新日志:9月25日:1.新增加商城落地页,更大气更直观的了解商城2.增加卖家进货时的授权码(后台可进行修改) 8月5日:1.新增一键更新功能,后面更新了代码可以,后台一键拉取新代码自动部署......
  • FIT2107 - Software Quality and Testing
    FIT2107-SoftwareQualityandTestingASSIGNMENT2[40%]WhiteboxtestingandcodeanalysisOverviewForthisassignment,yourtaskistodesignanddocumentappropriatetestsforasoftwaresystemusingwhiteboxtechniques,buildaCI/CDpipelinetor......
  • UniApp入门教程
    UniAppX是一种用于构建跨平台应用程序的框架,它基于Vue.js并通过UniApp技术栈支持多种平台,如微信小程序、支付宝小程序、H5、Android和iOS。以下是UniAppX的一些关键特点和基础知识:UniAppX的特点跨平台支持:可以使用相同的代码基础,构建多个平台的应用。支持小程......
  • 基于SpringBoot+Vue+uniapp的税务门户网站的详细设计和实现(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......