uniapp中h5视频播放器部分机型显示在最上层问题

发表于2024-07-05|更新于2026-02-24

|浏览量:

家贫不是贫，路贫贫煞人。——吴敬梓

这里在浏览器里看了下b站播放器的代码，试了试转成blob可以解决这个问题

代码如下：

资源路径与blobUrl互转 | 阿超

相关推荐

勤奋是一种可以吸引一切美好事物的天然磁石。 ——罗•伯顿前端除了localStorage还有sessionStorage localStorage即便关闭了浏览器，再次打开该页面仍然存在但sessionStorage的作用于仅仅局限于当前标签页或通过当前标签页中的点击事件打开的新页面 localStorage一般用于用户token储存、主题设置等需要稍微长期持久化的场景 sessionStorage一般用于刷新页面记住分页页码、记住检索条件等关闭标签页即销毁的场景 sessionStorage的api和localStorage的api非常相似： 12// 存sessionStorage.setItem("ruben","ruben") 取出来： 12// 取sessionStorage.getItem("ruben")

jsDate对象基本操作

要得到你想要的某件东西，最可靠的办法是让你自己配得上它。——查理·芒格搬运菜鸟教程 JavaScript Date 对象Date 对象Date 对象用于处理日期和时间。创建 Date 对象的语法：1var myDate=new Date() **注释：**Date 对象会自动把当前日期和时间保存为其初始值。 Date 对象属性属性描述 constructor 返回对创建此对象的 Date 函数的引用。 prototype 使您有能力向对象添加属性和方法。 Date 对象方法方法描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date ...

threejs+vite+ts实现官网基础部分

一个温柔的目光，一句由衷的话语，能使人忍受生活给他的许多磨难。——高尔基官方文档：three.js manual 源代码从这里改进： GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改，首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...

简单CSS实现图片旋转

图片旋转~ 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 200px; height: auto; margin: 20% auto; animation: myrotate 3s linear infinite...

uniapp拖动排序实现思路

没有哪一个聪明人会否定痛苦与忧愁的锻炼价值。——赫胥黎找到下载量最多这个组件 https://ext.dcloud.net.cn/plugin?id=1372 导入，不多说文档示例：使用示例页面: 123456789101112131415161718复制代码<template> <view class="content"> <HM-dragSorts :list="list" :isLongTouch="true" :rowHeight="55" @change="change" @confirm="confirm" @onclick="onclick"> <template slot="rowContent" slot-scope="{ row }"> ...

文本精准对齐

即使饱含泪水，我仍旧将它们擦干；即使不被信任，我仍旧相信。就是这样，也将是这样。——保罗·科埃略的《阿莱夫》 CSS 如何让文本随背景图等比例缩放？背景在响应式布局中，我们经常需要让文本标注准确地贴合背景图，并且在窗口缩放时，文本应保持相对位置不变，同时等比例缩放。然而，传统的 position: absolute 方式往往会导致文本发生偏移，影响对齐。最佳实践：position + transform在 CSS 中，最简单且稳定的方法是结合： 1234position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); 这能确保文本始终居中，不随容器缩放而偏移。原理解析 position: absolute 确定参考点文本相对于 position: relative 的父元素进行绝对定位。 left: 50%; top: 50% 让文本的左上角位于背景图 50% 的位置。 transform: translate(-50%, -50%) 精准居中向左移动自身宽度 50% (t...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中