问题标签 [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 投票
1 回答
4420 浏览

javascript - iPad 触控事件开启

我正在 iPad 上构建一个 javascript 驱动的画廊,可以显示图像和视频。要浏览图库,您可以向左或向右滑动(类似于 iPad 的照片应用程序)。但是,当滑动 <video> 元素时,我的触摸事件都不起作用。它似乎接管了我的触摸事件,即使在可能具有更高 z-index 的元素上也是如此。我尝试添加一个调用 e.preventDefault() 的 touchmove 处理程序,但这似乎也不起作用。有没有其他人遇到过这个问题并找到了解决方案?

0 投票
5 回答
46438 浏览

html - 如何检查浏览器是否可以通过 html5 video 标签播放 mp4?

如何检查浏览器是否可以通过 html5 video 标签播放 mp4?

0 投票
2 回答
970 浏览

javascript - iPad 上的视频后面的灯箱关闭按钮(Safari 和 WebView)

有谁知道为什么灯箱的关闭按钮在视频后面而不是在 iPad 的前台(Safari 浏览器和应用程序中的 WebView)?

截图:http: //i.stack.imgur.com/SYI9w.png

使用其他元素(图片库、文本/HTML),关闭按钮可以正确呈现。

在带有 Mac OS X(不是 iOS)的 Safari 上,关闭按钮同样适用于视频。

灯箱是标准的,视频嵌入了视频标签。

提前感谢您的任何提示!

0 投票
3 回答
10160 浏览

html - HTML5 视频 (ipad) 的 z-index 分层

可能重复:
iPad Safari mobile 似乎忽略了 html5 视频元素的 z-indexing 位置

我正在使用 BrightCove 智能播放器代码将 HTML5 视频标签写入页面。此代码将对象标签替换为视频标签,以便它可以在 iphone 和 ipad 上运行,同时仍然可以在不支持的浏览器中运行

我遇到的问题是这个动态写入标签的分层。它似乎不遵守 z-index 顺序,导致当有人翻过下拉菜单时,我放置在视频上方的下拉菜单坐在视频后面。

0 投票
1 回答
25891 浏览

video - HTML5 视频播放器:动态加载视频

那么,使用兼容 HTML 5 的视频播放器(如 Video JS)如何动态加载视频,而无需重新加载整个页面?想象一下,一个链接列表(类似于播放列表),每个链接都指向一个视频。单击链接时,我想将所选视频加载到播放器中。

目前,我正在使用一个包含视频播放器的 Iframe,所以基本上我将一个变量传递给 Iframe,然后重新加载它。出于几个原因,我认为这并不理想;它不允许视频全屏显示,“后退”按钮将 iframe 向后移动,而不仅仅是主页,另外,它是一个 iframe。我宁愿避免这种情况。

想法?谢谢!

0 投票
3 回答
2265 浏览

ipad - HTML5 视频上的“跳过介绍”链接在 iPad 上不起作用

我正在使用“ Javascript Fake Click ”脚本在 iPad 上自动播放介绍性 HTML5 视频,然后指向登录页面。

我在较高 z-index 的视频元素顶部有一个简单的“跳过介绍”链接。此链接适用于其他浏览器,但不适用于 iPad (iOS 3.2.2)。

我认为这可能与 iPad 上默认暂停/播放视频的视频上的点击事件有关。关于如何解决这个问题的任何想法?

0 投票
1 回答
210 浏览

javascript - 在 AJAX 内容加载后重新初始化 Kalthura mwEmbed-player-static.js

我们使用 mwEmbed-player-static.js 库来处理网站上的视频播放。这适用于我们可以加载脚本的静态页面,仅此而已。但是,如果我们通过 AJAX 将视频标签作为动态内容的一部分加载,则不会发生任何事情。我们需要一种方法来重新初始化播放器或重新加载脚本。以前有没有人处理过这个问题?

0 投票
2 回答
1625 浏览

plone - Plone:如何在内容类型中使用 html5 视频标签?

我有一个 zpt(zope 页面模板),我想在其中使用视频标签,例如:

其中 FILE_LOCATION 将是 plone 的内容类型。我可以使用 3 种方式来访问文件:

obs:如果我单击浏览器上第一个或第二个选项返回的链接,它会从浏览器打开下载窗口以下载文件。

在 zpt 上,我可以这样做:

其中“python:file.absolut_url()”可以更改为其他选项。

但这些选项中的任何一个都有效。该页面向我显示了一个应该播放视频的块,但没有播放视频。
我怎样才能使这项工作?

0 投票
1 回答
1706 浏览

video - 带有 API 的 GPU 或基于硬件的 h.264 编码器?

我们希望根据服务器上生成的帧将 h.264 视频流式传输到浏览器。这些帧将是合成的,即不是来自另一个“真实电影”、mpeg 等。我们将作为模拟的一部分单独生成它们,可能使用 OpenGL/DirectX 来渲染单个帧。在我的幼稚近似中,我们会在内存中留出一个位图,渲染它,告诉编码器做它的事情,然后重复。最终用户将看到连续流式传输的视频。

我知道有几个基于非 GPL 软件的 h.264 编码器,例如 Intel IPP,但我知道这些通常不能实时进行 h.264 压缩。在理想的世界中,我们的电影将是几百万像素,例如两台高清电视。我知道我们需要专用的硬件。人们是否知道具有此功能的扩展卡、特殊连接的服务器等?

0 投票
2 回答
2661 浏览

javascript - 在 HTML5 视频播放时执行功能

我正在尝试在 HTML5 视频达到特定的第二个值时执行基本功能。目前我没有任何运气,并希望我能在这里得到一些帮助。这是我到目前为止使用的代码:

我只想围绕视频做一个非常基本的内容交换,但到目前为止还没有多少运气。提前感谢您的帮助!