问题标签 [html5-video]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
21 回答
302429 浏览

html - 有没有办法让 HTML5 视频全屏显示?

有没有办法使用 HTML5<video>标签全屏播放视频?

如果这是不可能的,有人知道这个决定是否有理由吗?

0 投票
6 回答
82792 浏览

javascript - 与文件分开检索 HTML5 视频时长

我正在构建具有自定义界面的 HTML5 视频播放器,但在获取要显示的视频时长信息时遇到了一些问题。

我的 HTML 很简单:

我用来获取和插入持续时间的javascript是

问题是什么都没有发生。我知道视频文件有持续时间数据,因为如果我只使用默认控件,它显示得很好。

但真正奇怪的是,如果我像这样在代码中添加警报(持续时间)

然后它工作正常(减去弹出的烦人警报)。任何想法这里发生了什么或我如何解决它?

更新:好的,虽然我还没有完全解决这个问题,但我确实想出了一个解决我最大问题的解决方法......用户体验。

首先,视频直到观众点击播放按钮后才开始加载,所以我假设持续时间信息无法被拉取(我不知道如何解决这个特定问题......虽然我假设它只涉及将视频元数据与视频分开加载,但我什至不知道这是否可能)。

因此,为了解决没有持续时间数据的事实,我决定完全隐藏持续时间信息(实际上是整个控件),直到您点击播放。

也就是说,如果有人知道如何将视频元数据与视频文件分开加载,请分享。我认为应该彻底解决这个问题。

0 投票
3 回答
3598 浏览

jquery - 用于 html5 视频插播广告的 jQuery 插件?

是否有任何用于 html5 视频的 jQuery 插件可以在视频中插入插播广告?

大多数 Flash 的工作方式是在特定时间戳暂停视频,播放广告流,然后恢复原始视频流。html5 的 jquery 字幕插件看起来非常相似,但又有所不同。

0 投票
2 回答
6718 浏览

android - html5 视频是否适用于 android 版本 2.1 的 android nexus one?

我正在尝试获取一个在 Android 2.1 上运行的 html5 演示页面,已经尝试了 2.1 的 droid 和 nexus 之一,但它们只显示海报图像,不播放视频。按下视频没有任何作用。 编辑 - 使用视频标签上的 onclick 处理程序解决

这个时候android 2.1浏览器可以用html5视频吗?我的演示页面适用于 iphone 和 ipad。

mp4 视频:avc1、29.97 fps、380 kbps、480 x 370 音频:mp4a、44 kHz、64 kbps

以下是页面的编写方式:

0 投票
1 回答
29780 浏览

android - Android 2.1 的浏览器是否支持 HTML 5 以及播放什么视频格式?

我工作的公司制作了大量视频,我们希望针对尽可能多的设备,但问题是 Android 是做什么的?

我个人拥有一部运行 2.1 的基于 Android 的手机,但我似乎无法让 HTML 5 标签工作。即使我可以触发浏览器播放视频,它也会抛出一个它不能的通知错误。

是否有制作 Android/HTML 5 兼容视频的指南?真的支持吗?

0 投票
2 回答
2075 浏览

javascript - 是否可以通过 JavaScript 修改视频流

为了我的目标,我使用 html5 和标签 <video> 将媒体内容添加到页面。我找到了如何通过 JavaScript 控制视频(停止、播放、加载)。但是有没有办法修改处理视频流。

我正在尝试找到一种解决方案,如何将我的字节序列添加到下载的流中:例如,在播放之前修改文件头。

谢谢

0 投票
1 回答
1746 浏览

javascript - Javascript 播放视频 - 我做错了什么?

我认为代码是不言自明的,按钮不起作用,我做错了什么?

使用铬。

http://jsbin.com/ugoni3/edit

0 投票
2 回答
1090 浏览

html - html5 视频准备好迎接黄金时段了吗?

我被要求为 iPad 开发一个网站。它将有几个视频。我想试试html5。我真的只会使用 html5 的新视频部分(对于尚不支持它的浏览器有 flash 回退)。在流量相当大的网站上这样做会不会是一个错误?

编辑:该站点适用于所有浏览器,但他们希望创建一个非 Flash 版本,以便它也可以在 iPad 上运行。如果我有不支持 html5 视频的浏览器的闪存备份,我可以吗?我只是不确定 html5 视频是否已准备好用于流量大的网站。

0 投票
2 回答
2058 浏览

jquery - HTML5,Firefox 在 jQuery 插入后播放重复视频

我从我们正在进行的项目中提取了以下内容:

http://www.bridgedev1.com/videotest.html

正如人们所期望的那样,这会根据浏览器播放 OGV 或 M4V 视频。

页面被加载,然后使用 jQuery 插入视频。这在 Safari 和 Chrome 中完美运行。

问题是在 Firefox (3.6.3) 中。当您暂停视频时,视频的第二个副本仍在播放。

在 Firebug 中删除视频元素会删除第一个可见视频,但会留下第二个视频播放的配乐。网络流量选项卡还显示 7.2 MB 视频也加载了两次。

此问题在 Windows 和 Mac 上都会出现,在 PC 上更严重。

任何人都可以提供一个解决方案吗?

谢谢

吉姆

0 投票
7 回答
342666 浏览

html - 检测 HTML5 视频何时结束

如何检测 HTML5<video>元素何时播放完毕?