关于视频不播放的时候画面显示他某一帧的画面

最新推荐文章于 2024-05-02 15:34:56 发布

宝贝笑

最新推荐文章于 2024-05-02 15:34:56 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_41148727/article/details/82889310

本文分享了在使用七牛云服务过程中遇到的视频播放问题及解决方案。详细介绍了七牛云推荐的视频播放代码实现方式，对比了网络上流传的另一种解决办法，发现只有七牛云提供的方案可行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言:我是在使用七牛云的时候遇到的这个问题,七牛的解决方案是:

<video src="${fishDisease.video}" controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster="${fishDisease.video}?vframe/jpg/offset/6/w/1280/h/720"> preload="metadata" ></video>

网上还有一种办法:<video src="${fishDisease.video}" preload="metadata">

我试了一下不行.七牛云的可以

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

宝贝笑

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

高级前端工程师

07-18

4012

vue3，nuxt3，视频截取，封面截取，实现视频上传截取多帧画面，vue3截取视频的部分画面，截取视频帧，任意一帧，获取任意视频时长和视频任意时间动画帧，上传视频获取视频第一帧做为封面，vue上传视频并且截取视频图片，截取当前播放的任意一帧视频为图片，截取第几帧做为视频封面，Vue3实现在视频中截取某一帧_vue视频怎么截取部分画面，视频截图获取第一帧或者某一帧，视频根据时间轴截取，上传视频之后截取画面，捕获截图，截取第几帧做为视频封面，上传视频截取默认图片，截取video视频中的某一帧，上传视频到腾讯云

Qt/C++音视频开发58-逐帧播放/上一帧下一帧/切换播放进度/实时解码

Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法

12-08

1154

逐帧播放是近期增加的功能，之前也一直思考过这个功能该如何实现，对于mdk/qtav等内核组件，可以直接用该组件提供的接口实现即可，而对于ffmpeg，需要自己处理，如果有缓存的数据的话，可以通过在缓存中的数据往前移动往后移动即可。这样就要求做一个比较大的缓存队列，占用一定的内存是肯定的。

参与评论您还未登录，请先登录后发表或查看评论

获取视频第一帧工具类（不设置默认获取第一帧）

04-04

根据ffmpeg获取视频第一帧工具类（不设置默认获取第一帧）

HTML中，怎么让视频在没有播放的时候显示视频的缩略图？

Tong_Zai_Yuan_Fang的博客

04-25

6231

您的浏览器不能使用最新的视频播放方式呢

怎样在每个视频中随机抽帧一帧图片出来

m0_61661524的博客

07-03

1137

最近很多人都在问如何在视频里随机抽帧一帧画面为图片出来呢？下面教大家一次性剪辑多个视频，一起来试试吧。下载一个“媒体梦工厂”进入主界面，用到“视频封面”功能然后在抽帧的功能版块，点“添加视频”选择多个视频，将视频素材导入到视频文件表格下。接着选择抽帧，这里选择“随机抽出视频中的某一帧的图片进入浏览，选择图片抽出保存的位置，抽帧完成可直接打开文件夹浏览。确定选择一系列的设置后，点右下角的“开始提取”下方进度条滚动，开始抽帧，图片文件都一一显示出。打开文件夹，所有抽帧出来的图片都一一保存在所

获取视频的第一帧缩略图（本地视频、网络视频）

热门推荐

七月的博客

01-12

1万+

在开发中，对视频进行操作，将视频显示在界面上时，都是显示的视频的第一帧的图片。比如，在录制视频上传（上传界面）、下载视频（视频下载列表）；这两个功能我的项目中都用到了，这两个需求刚好是获取视频的第一帧的图片的两种视频形式（本地视频、网络视频）。 1.MediaMetadataRetrieve 从API10开始新增的这个类，用来获取媒体文件的信息，比如视频的某一帧。 MediaMetadat

在文件管理器中显示图片的缩略图和视频第一帧的缩略图

颂一家之言

11-09

6919

首先在vender/mediatek/properties/packags/apps/FileManager/src/com/mediatek/filemanager/IconManager.java中导入两个类import android.media.ThumbnailUtils; import android.provider.MediaStore.Video.Thumbnails; 在ge

C#，海康威视摄像头，多路视频监控画面显示，窗体显示切换

04-11

为了实现在窗体间的视频画面切换，我们需要监听窗体的双击事件。在C#中，可以通过`MouseDoubleClick`事件处理函数实现。当用户双击小窗体时，可以将当前小窗体的视频流替换到主窗体；反之，双击主窗体则将主窗体的...

使用JavaScript截取视频某一帧

lzhlzhlzh_lzh的博客

05-02

2483

在网页开发中，我们经常需要对媒体文件进行处理，其中包括视频文件。有时候，我们可能需要从视频中提取特定的帧，并将其显示在网页上。本文将介绍如何使用JavaScript来实现这一功能。

截取avi视频中特定某一帧的画面

05-19

截取avi视频中特定某一帧的画面知识点1：视频处理基础在计算机视觉和图形处理领域，视频处理是指对视频数据进行处理和分析的过程。视频处理技术广泛应用于电影、电视、游戏、监控、医疗等领域。视频处理的目标是...

ImageView显示视频的第一帧图片&&VideoView视频播放

Widsom的博客

11-07

1万+

ImageView显示视频的第一帧图片&&VideoView视频播放我们在播放视频时，为了增强用户体验，在视频未播放时，需要显示视频的第一帧图片，增强用户体验。效果如图：在android中系统提供了一个类MediaMetadataRetriever，可以帮我们获取视频的第一帧数据，当然，其他帧图片也是可以获取的。下面来看具体代码：布局文件：<?xml version="1.0" encoding="

取第一帧作为视频封面，获取视频第一帧图片

weixin_45455227的博客

08-04

2568

<video width="320" height="240" controls id="upvideo"></video> // 获取视频第一帧图片 getVideoBase64(url) { return new Promise(function(resolve, reject) { let dataURL = ""; let video = document.createElement("v...

video 设置 poster，默认显示视频第一帧

qq_41792905的博客

01-18

7541

video 设置 poster，默认显示视频第一帧 <video :src="videoUrl" :poster=" videoUrl + '?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,ar_auto' " ></video> 主要参考（阿里云视频截帧）

移动端使用原生video标签不显示第一帧问题

m0_57121248的博客

09-12

2368

移动端不显示第一帧问题

解决video标签在浏览器上无法显示画面的问题

qq_45803168的博客

05-25

7131

解决video标签在浏览器上无法显示画面的问题 MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器解决方案：修改视频的编码格式首先下载QQ影音用QQ影音打开出现问题的视频，先暂停，点击如下按钮按如上图所示修改相应参数，点击添加文件可以同时修改多个文件的编码格式。选择转码后文件的保存路径，点击开始即可。再次使用video标签，选择转码后的视频路径即可在浏览器中看见视频画面啦。 ...

video标签展示视频第一帧~

weixin_54256416的博客

02-22

2283

video标签展示视频第一帧~ 文章最后有一句代码实现第一帧的方法，可点击查看

网页嵌入Bilibili HTML5视频播放

weixin_34311757的博客

05-18

7394

Bilibili好在无广告，速度也挺快，无奈B站官方的视频嵌入是Flash的形式，但B站又是支持HTML5播放的，那么问题来了，外站如何嵌入HTML5的播放形式呢？参考了这篇文章 www.jianshu.com/p/205385feb… ，但这篇文章的问题在于嵌入的视频并非“全屏”，右半边是弹幕什么的东西，这些我们并不需要，需要的仅仅是播放页。在网页源代码中查找到cid和aid 拼接下...

JavaScript设置显示video第一帧

liuguowei14的博客

03-06

8610

注意事项：服务端必须要有access字段来同意你的跨域请求(https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image) 必须服务器环境下调试，本地无法调试(比如 file: 开头的) 视频文件所在的域和图片和页面所在域必须相同示例代码 <html> <head> <title&g...

uniapp视频播放和第一帧画面显示