html5-video 相关问题

HTML5视频是HTML5草案规范中引入的一个元素,用于创建符合标准且无插件的方式来播放视频和电影,部分替换对象元素。

如何使HTML代码之外的视频无法访问?

我正在尝试创建一个视频流应用程序。在此应用程序中,用户将能够上传视频,该视频将存储在 AWS S3 中。当其他授权用户(关注者)...

回答 1 投票 0

如何在视频标签中设置视频内容的精确宽度和高度

有这个视频标签: 和 var video = document.getElementById('video') as any; var mediaConf...

回答 1 投票 0

如何在react-konva中捕获视频的第一帧

我使用react-konva制作了一个简单的视频播放器,我想在播放视频之前将第一帧显示为缩略图。 这是我的方法: 我正在使用 Konva.Image 来显示视频,Ko...

回答 2 投票 0

我应该为 HTML <video> 使用哪种视频格式/编解码器来支持实际的最新主要浏览器?

我看到其他涉及同一主题的问题: 应使用哪些 HTML5 视频编解码器? 我应该使用哪种视频和音频格式/编解码器? 但它们已经很旧了,并且在这个主题上已经更新了

回答 2 投票 0

html视频播放器无法播放gridfs流中的小视频,但可以播放大视频

我可以播放 1GB 和 500MB 等大视频,但对于 60MB 或更小的视频大小,浏览器在收到内容时不会加载它们。 对于小视频 甚至无法加载元数据 ...

回答 1 投票 0

背景不适用于视频隐藏式字幕::iOS Mobile 上的 Firefox 和 Safari 上的cue

我正在尝试通过 ::cue css 选择器在 HTML5 视频播放器上设置隐藏式字幕样式,如下所示。代码笔链接 ::提示{ 背景:rgba(255, 255, 255, 0.8); /*不适用于 iOS 移动版 Firefox、Safari...

回答 2 投票 0

无法使用 lightGallery 播放视频

在一个网络项目中,我需要使用 justifiedGallery 布局一个画廊,并使用 lightGallery 创建灯箱处理。现在,照片可以正常播放,但视频无法播放: 这是 CodePen

回答 1 投票 0

Node.js 视频流 WEBM Live Feed 到 HTML

我有一个node.js服务器,它通过socket.io从网页接收WEBM blob二进制数据小数据包! (navigator.mediaDevices.getUserMedia -> 流 -> mediaRecorder.ondataavailable ...

回答 2 投票 0

403 播放 Google 云端硬盘视频时禁止

我正在从 google 云端硬盘获取 html5 视频,一段时间后就会停止 原因是 我正在使用下载网址访问谷歌驱动器文件,但下载网址在一段时间后就会过期,因此...

回答 2 投票 0

HTML5 视频播放器进度条在 Chrome 中看起来很奇怪

我有一个 Angular 15 项目,我在其中使用 html5 视频播放器。 播放开始之前,进度条如下所示: 播放开始前的进度条 当视频正在播放时,进度条看起来...

回答 1 投票 0

通过 useState 设置 src 时,视频在移动浏览器上冻结,但在单击按钮或设置为静音时播放

StackOverflow 社区您好, 我的网络应用程序中的视频元素面临着一个有趣的问题。该视频旨在在桌面和移动浏览器上自动播放。不过,我

回答 1 投票 0

如何在 Flask 中为可使用 HTML 的视频创建 URL?

我有一个烧瓶服务器,里面有一个视频文件。如何让用户可以使用 HTML 标签观看视频?在服务器中,我有 send_file: @app.route(“/电影”) 定义

回答 1 投票 0

在 Vue js 中从网络摄像头流中提取图像帧

我正在使用 Vue.js 制作一个记录用户网络摄像头镜头的 Web 应用程序。我想将这段视频发送到我通过网络套接字连接的后端服务器。 问题是我想要...

回答 1 投票 0

为什么Mp4视频在移动设备上无法正常播放?

您能帮我看看为什么这两个视频在PC浏览器中可以正常播放,但第一个视频在手机浏览器中无法播放吗?视频格式编码有什么问题? 您能帮我看看为什么这两个视频在PC浏览器中可以正常播放,但第一个视频在手机浏览器中无法播放?视频格式编码有什么问题? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> yes <video controls src="https://static-official.5i5j.com/activity/marketinghub/test/20231222211656/1703250988.mp4"></video> No <video controls src="https://static-official.5i5j.com/upload/2023/黑屏.mp4"></video> </body> </html> 我对视频编码的了解还比较少。 以上两个视频,一个是从用户那里收集的,另一个是我发现无法正常播放后通过软件编码的视频。但我想知道视频无法正常播放的真正原因? 我尝试使用ffprobe获取两个视频的媒体信息,但我找不到彼此的不同之处。 我找到了问题的原因。首先这个问题只出现在ios上,Android上没有问题。 问题的根源在于视频的压缩级别。 https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html 但是,本文档最后更新是在 2016 年。 我的其他[电子邮件受保护]视频可以正常播放。 我怀疑是因为我的文档更新了。如果您找到相关文档,希望您能留言告诉我。

回答 1 投票 0

muy 播放器通过 javascript 开始/停止视频

我使用 MUX (https://www.mux.com) 和 MUX 播放器嵌入了我的视频。 我使用 MUX (https://www.mux.com) 和 MUX 播放器嵌入了我的视频。 <mux-player stream-type="on-demand" playback-id="xxxxx" autoplay ></mux-player> 视频正在叠加播放。我现在的问题是,如果视频正在播放并且覆盖层关闭,它仍然可以播放。我如何控制 - 通过 javascript/jquery - 这个视频如果覆盖层关闭,我想停止。有没有人有这个播放器和JS的经验。 感谢您的帮助 Mux 播放器具有在开始播放或暂停时触发的道具功能。 onPlay={() => { console.log('Started playing') }} onPause={() => { console.log('Paused') }} 将这些道具添加到 MuxPlayer 组件中,然后有一个单独的变量用于存储状态。

回答 1 投票 0

如何裁剪具有隐藏溢出的视频的顶部和底部?

我是一个该死的初学者,想要嵌入一个全宽但顶部和底部被裁剪的视频([https://www.pexels.com/video/bartender-making-a-cocktail-3772392/])。 我把这个放在CSS中: 视频 { 积极...

回答 1 投票 0

HTML5 和 Javascript 仅在可见时播放视频

我有兴趣设置一个包含多个视频剪辑的 HTML 页面,以便每个视频剪辑仅在可见时播放,然后在看不见时暂停。 我发现了这个很好的例子,说明如何...

回答 14 投票 0

将 Motion-JPEG 实时视频流从 Express 传输到 React

我的服务器上有一个网络摄像机,它有一个http链接来访问实时视频:http://ip/video1.mjpg。 无论如何,我可以通过 Express 将 .mjpg 流式传输到 React 前端吗?我已经成功了...

回答 1 投票 0

如何在 HTML 视频元素的客户端坐标和图片坐标之间进行转换?

假设我有一个视频元素,我想在其中处理鼠标事件: const v = document.querySelector('video'); v.onclick = (ev) => { ev.preventDefault(); console.info(`x=${event.offse...

回答 1 投票 0

当选项卡处于后台时,requestVideoFrameCallback 不会触发

这是显示实际问题的代码片段,但基本上,当选项卡在 Chrome 中处于后台时, requestVideoFrameCallback 会停止运行。 函数开始测试(){ 视频 = document.querySe...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.