html5-video相关内容

在 android 和 IOS 上加载什么 h.264 格式?

理论上 IOS 和 ANDROID 都可以播放 h.264 文件，但我无法找出对它们进行编码的设置，因此它们实际上可以跨平台工作.有人知道如何使用一个文件为 Android 和 IOS 编码吗? 附言我对 html5 视频和后备源都了如指掌，我只是不想为每个出现问题的设备编码和托管一个新视频. 解决方案 这是我们用来在生产环境中转码为 MPEG-4 h.264 的 ffmpeg 命令 ..
发布时间：2021-12-26 18:51:23 移动开发

HTML5 视频错误处理

我需要告诉，视频是否无法播放(浏览器中显示“x"符号). 此代码不起作用.在 Firefox 下永远不会触发“onerror"事件 var v = document.getElementsByTagName("video")[0];如果 ( v != 未定义 )v.onerror = 函数(e){if ( v.networkState == v.NETWORK_NO_SOURCE ){// ..
发布时间：2021-12-26 13:01:03 前端开发

如何在版本 66 或更高版本的 Google Chrome 自助服务终端应用中允许视频自动播放

从 Google Chrome 版本 66 开始，当播放音量未静音时，它将不再自动开始播放音频和视频文件. 进行此更改是为了防止自动播放广告视频和其他烦人的网页元素.但是，这对自动播放功能的许多完全有效的应用程序(例如在标牌应用程序中)具有负面影响. 可以在启动 Google Chrome 浏览器时使用命令行选项覆盖不自动播放带声音视频的新默认行为 --autoplay-poli ..
发布时间：2021-12-24 11:45:11 其他开发

如何检查浏览器是否支持 HTML5 文件上传(FormData 对象)?

如何查看浏览器是否支持 HTML5 文件上传(FormData 对象)? var fd = new FormData(); 遵循此帖子的答案，但代码确实不返回有关浏览器的正确答案， window.onload = function(){如果(！！window.FileReader){警报('支持')；}别的{alert('不支持');}}火狐 - 支持铬 - 支持Opera - 支持Safa ..
发布时间：2021-12-24 10:55:03 前端开发

移动设备上的 HTML5 视频行为

我正在构建一个网站，其中有几个 元素(循环动画)作为我设计的一部分(而不是实际视频).这在桌面浏览器中效果很好，但我在移动设备上遇到了麻烦. 当我在 Android 或 iOS 设备(即移动 webkit)上显示网站时，我将获得操作系统的视频播放器外观并且视频将打开当我点击它们时，在某种弹出窗口中.我知道我可以通过以下方式绕过自动播放限制: window.onload = function() ..
发布时间：2021-12-22 23:45:52 前端开发

HTML5 视频背景颜色与网站背景颜色不匹配——在某些浏览器中，有时

我有一个视频，客户想要“无缝"地坐在网站上.视频的背景 HEX 颜色与网站的 HEX 背景颜色相匹配，并且在某些浏览器、某些版本、某些时间中呈现为这样? 最奇怪的是 Chrome 以不同的方式呈现视频的背景，直到您打开颜色选择器.然后他们突然匹配.需要明确的是，它只会在我打开颜色选择器后修复它，而不是调试器(阅读:这不是重绘问题). 当我第一次导航到该网站时，Firefox 的呈现方式 ..
发布时间：2021-12-21 14:42:26 前端开发

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

我有一个用于播放视频的网络应用程序. 我正在考虑使用 HTML5 元素并确定它可以满足我的所有要求，除了一个要求:允许用户拍摄当前视频的快照视频帧并将其保存为光栅图像格式(即 JPG). 对于此要求，我还没有找到解决方案，不胜感激任何有关此问题的指导. 为了帮助回答问题，这里提供了更多详细信息.我将通过 HTTP 从服务器下载视频文件，然后在浏览器中播放它们.这不 ..
发布时间：2021-12-21 14:41:31 前端开发

HTML5 逐帧查看/寻帧?

我正在寻找一种逐帧查看 HTML5 的方法. 场景:有一个视频，有一个附加按钮，按下时跳到下一帧. 你认为最好的方法是什么? 正常播放视频，监听 timeUpdate 事件，在 FireFox 上每帧都会调用该事件a>，然后暂停视频.但是，其他浏览器的行为与 Firefox 不同. 手动将 currentTime 元素更改为 +1/24 秒，其中“24"是帧速率.但是，我不知道 ..
发布时间：2021-12-21 14:38:26 前端开发

ffmpeg 将 mov 文件转换为 mp4 用于 HTML5 视频标签 IE9

我在这里和谷歌上到处查看 - 没有适用于 IE9 的有效命令.IE9 缺少一些东西.我尝试过的所有方法都适用于其他任何地方:chrome、safari、移动设备等......我想要一个可以转换它的命令，我可以在假设支持 HTML5 视频标签中的 mp4 的每个设备中使用它. 我使用这个命令: ffmpeg -i movie.mov -vcodec copy -acodec copy out ..
发布时间：2021-12-21 14:37:59 其他开发

HTML5 视频无法在 Firefox 中播放

我已将文件转换为三种不同的格式:mp4、web 和 ogv.根据 caniuse 的说法，firefox 应该同时支持 ogg 和 webm，但没有播放. 我使用 Miro Converter 转换了文件，据其他人说这应该可以正常工作.我相信 Chrome 会选择 webm 文件(如果我右键单击 -> 在新选项卡中打开，它会向我显示 webm 文件)，这很棒. 网址:http://de ..
发布时间：2021-12-21 14:32:38 前端开发

HTML5 退出视频全屏

我在普通屏幕中有一个带有自定义控件的 HTML5 视频.不要在全屏时使用自定义控件.我只是全屏显示默认控件.但是当退出全屏时，我需要禁用默认控件.我们如何知道视频是否使用 JavaScript 或 jQuery 退出了全屏模式? 解决方案 你只能调用document.mozCancelFullScreen()，如果你在一个全屏.即，如果您位于另一个文档中，它是全屏，则 mozCancelF ..
发布时间：2021-12-21 14:31:40 前端开发

javascript 中的 HTML5 视频完全预加载

我有一个高质量的视频，我不能压缩太多，因为它将成为大量图像分析的基础，其中每一帧都将被重新绘制到画布中然后进行处理. 我正在尝试在播放之前预加载整个内容，因为我无法让视频停止、缓冲和继续.是否有我可以侦听的事件表明在我开始播放之前已预加载整个视频? 这是我在 JS/jQuery 中的做法: this.canvas = this.el.find("canvas")[0];this.vi ..
发布时间：2021-12-21 14:28:43 前端开发

使用 Chrome 在 HTML5 视频中寻找

我在使用 Chrome 浏览视频时遇到问题. 出于某种原因，无论我做什么，video.seekable.end(0) 始终为 0. 当我调用video.currentTime = 5，接着是console.log(video.currentTime)，我看到它总是0，这似乎重置了视频. 我尝试过基于 MP4 和 VP9 的 webm 格式，但都给出了相同的结果. 更令人讨厌 ..
发布时间：2021-12-21 14:28:33 前端开发