html5-video 相关问题

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

在plyr.js上动态更改视频源和字幕?

我正在努力尝试向 plyr.js 添加标题,但到目前为止在互联网上找不到任何内容 我的代码是 我正在努力寻找向 plyr.js 添加标题的方法,但到目前为止在互联网上找不到任何内容 我的代码是 <video class="player" style="min-width: 100%; min-height: 500px;" id="my-player"> </video> js 是: const player = new Plyr('#my-player'); 用js添加视频源和字幕应该怎么做? 搜索原始 git 仓库 我找到了解决方案 根据这一行: const player = new Plyr('#my-player'); 你应该这样做: player.source = { type: 'video', title: 'Example title', sources: [ { src: VIDEO_ADDR, } ], tracks: [ { kind: 'captions', label: 'English', srclang: 'en', src: TRACK_ADDR, default: true, } ] }; player.play(); 最好将其放在事件函数上,例如onclick

回答 1 投票 0

如何选择具有 ID 的元素的子元素来添加或删除属性?

我有一种情况,我想从视频元素添加/删除属性以根据视口显示不同的视频。您可能都知道仅使用“display:

回答 1 投票 0

如何在HTML视频标签中打开.mov格式视频?

我想像这样播放.mov视频,但视频无法在任何浏览器中播放。

回答 7 投票 0

如何从 html 视频标签获取屏幕截图

有人可以告诉我如何从 HTML 视频标签中抓取照片吗? 我有一个带有视频标签的 aspx 页面。 有人可以告诉我如何从 HTML 视频标签中抓取照片吗? 我有一个带有视频标签的 aspx 页面。 <div id="container"> <video autoplay="true" runat="server" id="videoElement"> </video> </div> 我想在单击按钮时截取屏幕截图。 如果我能得到任何线索,我将非常感激。 哇,非常酷的人访问了这个问题。投反对票,不发表任何评论。 我已经找到了如何抓取屏幕截图的解决方案。 第一个解决方案 //Create a new bitmap. var bmpScreenshot = new Bitmap(Screen.PrimaryScreen.Bounds.Width, Screen.PrimaryScreen.Bounds.Height, PixelFormat.Format32bppArgb); // Create a graphics object from the bitmap. var gfxScreenshot = Graphics.FromImage(bmpScreenshot); // Take the screenshot from the upper left corner to the right bottom corner. gfxScreenshot.CopyFromScreen(Screen.PrimaryScreen.Bounds.X, Screen.PrimaryScreen.Bounds.Y, 0, 0, Screen.PrimaryScreen.Bounds.Size, CopyPixelOperation.SourceCopy); // Save the screenshot to the specified path that the user has chosen. bmpScreenshot.Save("Screenshot.png", ImageFormat.Png); 第二种解决方案: 这是一个参考样式链接 codepen.io/chrisbeast/pen/ebYwpX 访问此链接,适用于桌面和移动浏览器。

回答 1 投票 0

扩展名为.h264的Html视频

可以使用视频标签在 Html 中读取扩展名为 .h264 的视频 例如: 可以使用视频标签在 Html 中读取扩展名为 .h264 的视频 例如: <video width = "400" controls autoplay> <source src = "video.h264" type = "video / mp4"> </video> 提前非常感谢! 阿尔贝托 对于保存在 .h264 文件中的 h264 等原始流,如果我们只谈论 HTML5,答案是否定的。 HTML5 需要容器格式,并且没有办法解决这个问题。 这确实可以通过新的 WebCodecs API 实现,但这是一个年轻的标准。不过兼容性已经相当强。 通过现有的许多 ffmpeg 端口进行解码的自定义方法也是一种可能,尽管是一种手提钻解决方案。这是使用该 apporach 的 .h264 播放器。当然,这是一个巨大的依赖。 h.264 是视频的编码。 您要使用的扩展名是视频的容器。通常对于 h264 视频来说是 mp4。 <source src = "video.mp4" type = "video / mp4"> 道格

回答 2 投票 0

为什么在 Blazor MAUI 视频标签中使用 @volumechange 事件时 EventArgs e 为空?

如果我在 Windows 上的 .NET Blazor MAUI 应用程序中使用 @onvolumechange 事件,我会收到空的 EventArgs。 Razor 文件中的播放器: 如果我在 Windows 上的 .NET Blazor MAUI 应用程序中使用 @onvolumechange 事件,我会收到空的 EventArgs。 Razor 文件中的播放器: <video @onvolumechange="@(e => PlayerVolumeChanged(e))" class="video" controls disablepictureinpicture controlslist="nodownload nofullscreen noremoteplayback noplaybackrate" autoplay onloadstart="this.volume=@_videoPlayerVolume" onclick="this.paused ? this.play() : this.pause();"> <source src="@video" type="video/mp4"> </video> C#文件中的逻辑: private void PlayerVolumeChanged(EventArgs e) { // e is empty here... } 我正在寻找一种非 JavaScript 解决方案来存储播放器的当前音量。要求是视频播放器每次都以相同的音量播放视频。我预计该卷存储在 EventArgs e 中。但 e 是空的。 参数类型为 ChangeEventArgs .

回答 1 投票 0

在 Javascript 中监控 WebRTC 视频(媒体)流质量

我正在使用 WebRTC 在对等点之间传输视频,但某些客户端的网络条件变化通常会导致接收到的视频流的质量发生变化。人们将这些问题归咎于服务

回答 2 投票 0

Javascript 在模态窗口关闭时停止 HTML5 视频播放

我在模态窗口上有一个 html5 视频元素。当我关闭窗口时,视频继续播放。我是 JS 的新手。有没有一种简单的方法可以将视频播放停止功能与

回答 12 投票 0

HTML 用户媒体面向模式:“环境”在 Android 手机上不起作用

它继续使用前置摄像头而不是后置摄像头 这是我的代码:我添加了 facesMode: {exact:"environment"},但它不起作用 常量约束= { 视频:真实...

回答 5 投票 0

在 HTML 视频上覆盖文本

我正在尝试将文本覆盖在视频元素之上。到目前为止我的代码是: 身体 { 保证金:自动; 文本对齐:居中; 背景颜色:黑色; 行高:0; } 。容器 { 立场:重新...

回答 1 投票 0

如何使用 HTML5 获得相机照片的最佳分辨率?

我发现了这个 https://webrtchacks.github.io/WebRTC-Camera-Resolution/ 这是关于视频的,我认为同一相机的照片分辨率可能比视频分辨率好得多。 有没有...

回答 2 投票 0

双击禁用全屏?

我有一个在 webview2 控件(Edge Chromium)中加载网页的应用程序,它加载的页面只包含一个带有源代码的 html5 视频标签和一些用于样式设置的 css。 我正在使用的CSS使得...

回答 1 投票 0

如何使用IP网络摄像头应用程序中的jpeg流作为html5视频标签中的src?

我正在使用 IP 网络摄像头 Android 应用程序将视频从手机摄像头传输到网页。当我尝试将视频标签中的 src 属性设置为应用程序的本地主机以查看视频 str...

回答 2 投票 0

我需要一些帮助才能使 Videojs 视频播放器按钮可以使用 javascript 空间导航插件进行导航

我正在创建一个可以通过键盘导航的网站。 我在这里使用了很棒的空间导航: https://github.com/luke-chang/js-spatial-navigation 我的键盘一切正常

回答 1 投票 0

如何仅流式传输视频的一部分而不下载整个视频?

我正在构建一个YouTube视频修剪器,目前,它需要YouTube视频ID,从服务器下载整个视频(即使是10个小时长),然后根据使用情况进行修剪...

回答 1 投票 0

本地 - Mozila Firebox 中未找到支持格式和 MIME 类型的视频

我在本地网页中有数百个视频,这些视频都是添加在引导程序模态内容中的视频,点击静态图像时模态将打开并播放视频,这里很少有视频在 Mozilla 中播放良好

回答 1 投票 0

HTML 视频标签在 safari 浏览器上不起作用

视频无法在 Safari 浏览器中播放,尽管它在 chrome 中运行良好,视频标签是否存在任何问题,或者我是否缺少某些内容。我知道我已经提供了两种不同的视频资源,但甚至

回答 1 投票 0

如何使用Javascript将MPEG音频和视频合并到MP4中?

我正在尝试将音频与视频结合起来并将最终文件下载为视频。我怎样才能做到这一点 ?我尝试了以下方法并抛出错误 异步函数 mergeVideo(视频, 音频) { ...

回答 1 投票 0

如何对同一页面上的多个视频使用相同的自定义 html5 视频控件?

我一个页面上有 3 个 html5 视频。我想对每个视频使用相同的自定义播放控件,这只是每个视频下方的播放/暂停按钮。我使用的javascript代码是: 视频=文档...

回答 1 投票 0

如何禁用 HTML5 视频标签的搜索?

我知道这是不可取的。但仍然需要这个功能来实现。尝试了从onseeking、onseeked到媒体控制器的一切。什么都没起作用。是否有任何外部库可以禁用

回答 10 投票 0

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