html5-video 相关问题

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

检测视频元素上的播放/暂停交互并忽略通过搜索功能触发的事件

我遇到了视频元素事件的问题: 我只想在与播放或暂停按钮交互时触发分析事件。播放、暂停和播放事件按预期工作

回答 1 投票 0

如何捕获html视频标签取消静音时的事件?

我想检查用户是否已将视频取消静音或静音。我正在使用视频 html 标签。 是否可以检测用户是否取消静音或静音视频?

回答 2 投票 0

video.buffered.length 到底说明了什么?

我注意到,当html5视频正在加载(缓冲)时,它的buffered.length值为2,当加载完成时,它会变为1。 这是了解视频是否已发布的可靠方法吗...

回答 4 投票 0

“无法解码媒体资源 FILEPATH/FILENAME.mp4。”尝试在 Firefox 35 上播放 h264 编码的文件时

我们在服务器上使用 h264 编解码器使用 mp4 文件来播放视频。 FF35 之前的 FF 中的文件工作正常,它们在 IE8+ 和 Chrome 中工作。在 FF35 中,我们现在在控制台中收到以下消息

回答 1 投票 0

使用 video-js 的播放速度控制未显示?

我正在尝试向 video.js 播放器添加控件以允许用户更改播放速度。根据他们的文档,我应该能够传递一个具有我想要的播放速率的数组

回答 3 投票 0

Chrome HTML5 视频未加载

我在 React 中有一个视频组件,适用于 Firefox 和 Safari,但它不适用于 Chrome。作为一个健全性检查,我创建了一个新的 React 应用程序(如下)并添加了一个简单的视频标签,b...

回答 1 投票 0

CSS:如何在同一页面上有多个固定背景视频

自从引入了“background-attachment:fixed”属性后,我们就可以在同一页面的不同位置放置多个固定背景,这真的很酷

回答 1 投票 0

视频文件未加载,我的代码有问题吗?

我目前正在参加训练营(我的编码之旅的早期阶段)。我已经能够毫无问题地构建文本和图像链接。我尝试了多种不同的方法来包含 vi...

回答 1 投票 0

如何在html播放器中隐藏视频路径?

朋友们,我想知道如何出于文件安全原因从 html 播放器或嵌入播放器隐藏我的视频路径。 我想在第一台服务器上设置播放器,文件将存储在第二台服务器上。 例如...

回答 0 投票 0

捕获视频帧然后在 HTML5 中导出为位图

我有一个播放视频的网络应用程序。 我正在考虑使用 HTML5 元素并确定它可以满足我的所有要求,除了一个:允许...

回答 2 投票 0

html 视频标签的播放事件在 IOS 上不起作用

我屏蔽了一个疯狂的问题...我必须使用视频标签才能操作视频的播放和暂停。视频已正确加载,我可以看到海报,我可以使用...更改当前时间

回答 0 投票 0

MacOS + iOS Safari 无法正常播放视频(HTML5 Video-Tag)

我最近遇到了在 MacOS Safari (16.4) 和 iOS (16.4) 上的 Safari 中发生的问题。我什至很难描述问题,因为老实说我根本不明白...

回答 0 投票 0

HTML 5 视频只触发一次播放

一旦元素在视口中,我将使用脚本播放 html5 视频。播放视频后,我希望它保持暂停状态,但是一旦我开始滚动视频,视频就会再次开始播放。知道怎么做

回答 0 投票 0

移动 safari 和 chrome 上的背景视频故障

我遇到了一个问题,即在 iPhone 版本的 Safari 或 Chrome 上查看时,背景视频会导致网站的其余部分闪烁。它在全尺寸浏览器上按预期工作。 如果我...

回答 4 投票 0

JS:修改html的“srcObject”属性或“src”属性<video>?

我正在寻找在网页上显示我的网络摄像头的方法。 (学习目的) 我试过这些代码: ...

回答 0 投票 0

jQuery 不工作,即使一切看起来都很好,我的代码有什么问题?

我正在尝试为 html5 中的视频编写简单的 jQuery 播放/暂停按钮,但是当我点击按钮时,没有任何反应。如果您有任何播放/暂停功能的代码,我将不胜感激

回答 1 投票 0

使用键盘在全屏模式下交换 2 个视频

我有一组使用键盘控制的视频。 “F”切换全屏模式,左右切换 html 包装器内的视频。 我一切正常......

回答 0 投票 0

HTML5视频媒体控制面板定制

我有一点难题。我正在尝试更改 HTML5 视频播放器中媒体控制面板的形状,到目前为止,我唯一能影响的是背景颜色。 这...

回答 2 投票 0

Bootstrap 3 模式中的 HTML 5 视频在单击关闭按钮时不会停止播放视频

我正在尝试将 HTML 5 视频放入 Bootstrap 3 模式,但是当我点击关闭按钮时,视频只是移到后台并继续播放。 这是我的模态代码: 我正在尝试将 HTML 5 视频放入 Bootstrap 3 模式,但是当我点击关闭按钮时,视频只是移动到背景并继续播放。 这是我的模态代码: <div aria-hidden="true" aria-labelledby="modal-video1-label" class="modal theme-alt modal-center-vertical" id="modal-video1" role="dialog" tabindex="-1"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <video controls="" preload="metadata" id="videoModal-1" style="width: 100%; height:auto; margin:0 auto; frameborder:0;"> <source src="tour-welcome_to_pethub-20230425a.mp4" type="video/mp4"> Your browser does not support the video tag. </source> </video> </div> <div class="modal-footer"> <button class="btn btn-info closemodal" data-dismiss="modal" type="button">Close</button> </div> </div> </div> </div> 我遇到过一些类似的问题并尝试了我遇到的解决方案,但没有一个对我有用。这些我都试过了: $("#modal-video1").on("hidden.bs.modal", function () { const video = document.getElementById("videoModal-1"); video.pause(); }); $("#modal-video1").on("hidden.bs.modal", function () { $("#videoModal-1")\[0\].pause(); }); $(".closemodal").click(function(){ const video = document.getElementById("videoModal-1"); video.pause(); } $('#modal-video1').on('hidden.bs.modal', function (e) { $("#videoModal-1").get(0).pause(); }) $('#modal-video1').on('hide.bs-modal', function(e) { $('#videoModal-1').trigger('pause'); }); 我不是很精通 JS,所以不确定我做错了什么。非常感谢任何帮助。

回答 0 投票 0

Safari 视频问题

我想使用 html 标签视频在我的网站上添加视频。它适用于 chrome 和除 Safari 之外的其他浏览器。视频格式(webM - 适用于 chrome 和其他浏览器,mov - 适用于 safari)。 <...

回答 0 投票 0

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