video 相关问题

是否有 HTML5 视频的 srcset 等效项？目前，我在一个页面上有一个视频网格，连续 3 个，共 5 行（总共 15 个视频），如下所示：是否有相当于 HTML5 视频的 srcset ？目前我在一个页面上有一个视频网格，连续 3 个，共 5 行（总共 15 个视频），都是这样的： <video width="400" poster="14.jpg" loop="loop" autoplay="autoplay"> <source src="14.webm" type="video/webm"> <source src="14.mp4" type="video/mp4"> </video> 我遇到的问题是我的页面请求大约为 6mb。由于我的视频网格是 3 宽... <div class="row"> <video width="400" poster="13.jpg" loop="loop" autoplay="autoplay"> <source src="13.webm" type="video/webm"> <source src="13.mp4" type="video/mp4"> </video> <video width="400" poster="14.jpg" loop="loop" autoplay="autoplay"> <source src="14.webm" type="video/webm"> <source src="14.mp4" type="video/mp4"> </video> <video width="400" poster="15.jpg" loop="loop" autoplay="autoplay"> <source src="15.webm" type="video/webm"> <source src="15.mp4" type="video/mp4"> </video> </div> ...很明显，对于屏幕尺寸约为 320 像素的小型设备，我不需要 3 400 像素的视频文件，我可以使用较小的视频文件。我正要开始重构来加载我的页面，如下所示： <div class="row"> <video width="400" poster="13.jpg" loop="loop" autoplay="autoplay"> </video> <video width="400" poster="14.jpg" loop="loop" autoplay="autoplay"> </video> <video width="400" poster="15.jpg" loop="loop" autoplay="autoplay"> </video> </div> 然后使用 JavaScript 基本上说： if($(window).width() < 500){ $('#video13').append('<source src="13-SMALL-FILE.mp4" type="video/mp4">') }else{ $('#video13').append('<source src="13-LARGE-FILE.mp4" type="video/mp4">') } 这是一个好的选择还是有更好的方法或已经存在的库？经过大量谷歌搜索后，我没有找到非常有用的信息。视频和图片元素长期以来都支持 media 属性，因此您可以执行多种操作，包括： <video playsinline muted preload="metadata"> <source src="" type="" media="(orientation: landscape)"> <source src="" type="" media="(orientation: portrait)"> </video> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#using_the_media_attribute_with_video 仅当屏幕的 @media 为 max-width 时，您才可以使用 500px 查询来应用特定宽度： @media screen and (max-width:500px){ video { width:100% !important; } }

javascript video responsive-design html5-video pageload

回答 2 投票 0

从 Granicus 下载视频

我在最近的一次市议会会议上发言了几分钟。我想下载视频，以便抓取我的视频部分并将其发布到社交媒体。该市使用一些提供商...

video video-streaming video-capture

回答 5 投票 0

在OpenCV中始终使用最新相机帧的正确方法是什么

我正在尝试从网络摄像头拍摄静态照片并对图像进行一些处理我正在使用 Python 3.10.9 和 opencv-python==4.9.0.80 这几乎就是我设置 USB 网络摄像头的方式相机 = cv2.VideoCa...

python opencv video camera

回答 1 投票 0

替换PHP中的urllib.request urlopen

我有一个无法使用 PHP 下载视频文件的 URL。我必须在浏览器中运行它，以便代码可以开始从中下载视频。我尝试过使用curl，但无法下载视频...

php video download

回答 1 投票 0

无法使用[OpenCV] cv2.VideoCapture.set()设置帧宽度和高度

我正在尝试将视频捕获的帧/窗口大小减小到 320x180，但我似乎无法做到这一点。我正在使用适用于 Xbox One 的 Windows Kinect，并使用适配器将其连接到我的电脑。我有...

python opencv video kinect video-capture

回答 3 投票 0

为视频编码选择像素格式有何影响？

我有一个工具，可以将各种格式的视频转换为基线配置文件中的mp4。它在底层使用 ffmpeg。该配置文件被明确指定为基线。但是像素格式没有指定...

video ffmpeg yuv video-conversion pixelformat

回答 2 投票 0

Jwplayer 视频无法在 chrome 中工作

我们正在 Facebook 上分享 jwplayer 视频。这些视频在除 Chrome 之外的所有其他浏览器上都能正常播放。请在 chrome 上的 facebook 上分享以下链接并播放视频，您将看到播放器是 diso...

javascript facebook google-chrome video jwplayer

回答 2 投票 0

使用 FFMPEG 将所有视频帧提取为图像

我正在尝试使用 FFMPEG 将 MP4 视频文件转换为一系列 jpg 图像（out-1.jpg、out-2.jpg 等）， mkdir 框架 ffmpeg -i "%1" -r 1 帧/out-%03d.jpg 但是我不断收到错误

image batch-file video command-line ffmpeg

回答 5 投票 0

Pyqt 在给定时间线显示视频缩略图

我有一个基本的 pyqt 视频播放器，但我希望视频时间线背景是视频当时发生的事情的图片，我必须使用什么才能有效地做到这一点？这是b...

python video pyqt media-player pyside6

回答 1 投票 0

使用 ffmpeg 从视频创建缩略图

我需要在将视频上传到 CDN 时创建缩略图。我一直在寻找这个发现这个，但即使按照以下步骤我也无法获得屏幕截图。我正在使用jwplay...

video amazon-web-services ffmpeg

回答 6 投票 0

客户端 H.264 (MP4) 视频压缩/编码

我目前正在开发一款具有多种功能的应用程序，其中一个关键功能是客户视频录制。到目前为止，我们还没有为 vi 实现任何压缩技术...

reactjs video html5-video h.264 video-encoding

回答 1 投票 0

AVPlayer 帧动画

我正在开发一个应用程序，其中包含播放带有每帧动画的视频的功能。您可以查看此类功能的示例。我已经尝试将 CAKeyFrameAnimation 添加到 subla...

ios swift video avfoundation

回答 2 投票 0

如何使 .mp4 文件在公共端无法访问

我写信是想向您寻求帮助。我管理一个视频网站，我的兴趣是将 .mp4 文件设为私有，让我更好地解释一下。在我的网络空间内有一些使用 YENDIF 视频 p 管理的视频...

video joomla mp4

回答 1 投票 0

如何修复带有属性控件的元素视频不得显示为 a 元素的后代的错误

帮助我理解这个错误，我应该如何格式化代码？错误：带有属性控件的元素 video 不得显示为 a 元素的后代。帮助我理解这个错误，我应该如何格式化代码？错误：具有属性控件的元素 video 不得显示为 a 元素的后代。 <a href="https://en.wikipedia.org/wiki/Vikings" target="_blank"> <video width="512" height="288" controls> <source src="Videos/Vikings_Short.mp4" type="video/mp4"> </video> </a> 我尝试过混合代码格式似乎找不到修复它的方法。我希望如果我点击视频，它会引导我访问上述链接。这是一个在 a 标签内没有视频的解决方案。您可以在父级上使用 display: grid ，然后将后代放在同一行和同一列上。 <style> div { display: grid; } a, video { width: 512px; height: 288px; grid-column: 1; grid-row: 1; } a { z-index: 1; } </style> <div> <a href="https://en.wikipedia.org/wiki/Vikings" target="_blank"></a> <video width="512" height="288" controls> <source src="Videos/Vikings_Short.mp4" type="video/mp4"> </video> </div>

html video

回答 1 投票 0

video 相关问题

最新问题