uniapp-video自定义视频封面

news2024/12/26 13:51:04

uniapp官方文档：video | uni-app官网uni-app,uniCloud,serverlesshttps://uniapp.dcloud.net.cn/uni-app-x/component/video.html#video

主要使用到的是poster属性，详细属性可点击上方api进行查看

<video id="myVideo" class="xwlogo" :src='imgurl+"/index/xcp.mp4"'
    :poster='imgurl+"/index/index_videoImg.png"'
    @error="videoErrorCallback"
    controls
></video>

注意：这个封面的图片需要放到服务器上，在本地会报错

最终展示效果：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1012432.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

Go基础语法：概述

概述 1 背景产生原因 Go是Google开发的一种静态、强类型、编译型、并发型，并具有垃圾回收功能的类C编程语言。2009以开源项目的形式发布，2012年发布1.0稳定版本，距今已经十年了。 Go语言之父Pike提到：Go语言是以C为原型&…

Kubernetes源码阅读环境搭建

参考博文：Kubernetes 源码剖析-环境准备安装Go语言 wget https://studygolang.com/dl/golang/go1.14.10.linux-amd64.tar.gz下载源代码 mkdir /goinstall创建一个存放go语言的编译器等组件存放的目录。 tar -zxf go1.14.10.linux-amd64.tar.gz -C /goinstall…

在Ubantu系统上搭建靶场环境一、ubantu系统准备 1.更新安装列表 sudo apt-get update 2.安装docker.io sudo apt install docker.io 查看是否安装成功 docker -v 3.安装pip 检查pip是否安装 pip -V 安装pip apt install python3-pip 或者 apt install pip 再次检查pip…

Arcgis提取点数据经纬度

Arcgis提取点数据经纬度现已打开tiff影像和采样点的shape文件。目标是提取采样点的经纬度信息然后导出。打开数据管理工具-要素-添加XY坐标在点的图层上右击打开属性表时，经纬度信息已经添加到属性表中。在属性表的左上角中点击导出，导出为文本文…

SpringMVC之自定义注解

目录一.什么是Java注解 1.简介 2.注解的分类 3.JDK元注解二.自定义注解 1.自定义注解的分类 1.1.标记Annotation: 1.2.元数据Annotation: 2.如何使用自定义注解 3.案例演示 3.1 获取类、方法及属性上的注解值 3.2Inherited 的使用 3.3获取类属性上的注解属性值 3.…

模电课设：用Multisim设计和分析差分放大电路

1 课设内容 1）设计一个差分放大器电路； 2）用电流源替换发射极电阻，看看会发生什么？ 3）差分放大器电路特性之差模传输特性。 2 模型搭建 1）设计一个差分放大器电路。差分放大器电路是由对称…

day4_C++

day4_C 思维导图重载思维导图重载 #include <iostream> #include <cstring> using namespace std;class MyString { private:char *str;int size; public:MyString():size(10){str new char[size];strcpy(str,"");}MyString(const char *s){size st…

【案例】光电兼修的Alpha Cen，如何应对上升期的甜蜜烦恼？

Alpha Cen（比邻星光）是一家挺酷的公司，专注于超表面技术芯片研发。所谓超表面芯片，就是通过控制类似下图的一个个独立纳米级别单元实现光操控。用微纳光学超表面技术能够平面化集成唯一还不在wafer上的光学器件，这意…

满载大模型技能干货的AI Day活动全新来袭

AI大模型时代，创造力才是第一生产力！ 满载大模型技能干货的AI Day主题活动全新来袭丰富有趣的Workshop即将空降你的学校帮助大家掌握前沿技能、拓展技术视野、迈进AIGC的大门打造属于你的AI应用，满足不同阶段的学习实践需求无论你是零基础…

面渣逆袭：微服务三十三问，两万字图文详解，速收藏

大家好，我是老三，面渣逆袭系列继续，这期给大家带来微服务相关的面试题。概览 1.什么是微服务？ 微服务（Microservices）是一种软件架构风格，将一个大型应用程序划分为一组小型、自治且松耦合的…

线程同步互斥锁

共用三个函数： mutex_lock() mutex_unlock() mutex_trylock() pthread_mutex_lock给安卓上层使用，mutex_lock给kernel使用，本质是一样的，都是IPC通信中的互斥锁，只不过安卓上层封装出pthread_mutex_lock。 pthr…