问题标签 [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.
javascript - iPad 触控事件开启
我正在 iPad 上构建一个 javascript 驱动的画廊,可以显示图像和视频。要浏览图库,您可以向左或向右滑动(类似于 iPad 的照片应用程序)。但是,当滑动 <video> 元素时,我的触摸事件都不起作用。它似乎接管了我的触摸事件,即使在可能具有更高 z-index 的元素上也是如此。我尝试添加一个调用 e.preventDefault() 的 touchmove 处理程序,但这似乎也不起作用。有没有其他人遇到过这个问题并找到了解决方案?
html - 如何检查浏览器是否可以通过 html5 video 标签播放 mp4?
如何检查浏览器是否可以通过 html5 video 标签播放 mp4?
javascript - iPad 上的视频后面的灯箱关闭按钮(Safari 和 WebView)
有谁知道为什么灯箱的关闭按钮在视频后面而不是在 iPad 的前台(Safari 浏览器和应用程序中的 WebView)?
截图:http: //i.stack.imgur.com/SYI9w.png
使用其他元素(图片库、文本/HTML),关闭按钮可以正确呈现。
在带有 Mac OS X(不是 iOS)的 Safari 上,关闭按钮同样适用于视频。
灯箱是标准的,视频嵌入了视频标签。
提前感谢您的任何提示!
html - HTML5 视频 (ipad) 的 z-index 分层
我正在使用 BrightCove 智能播放器代码将 HTML5 视频标签写入页面。此代码将对象标签替换为视频标签,以便它可以在 iphone 和 ipad 上运行,同时仍然可以在不支持的浏览器中运行
我遇到的问题是这个动态写入标签的分层。它似乎不遵守 z-index 顺序,导致当有人翻过下拉菜单时,我放置在视频上方的下拉菜单坐在视频后面。
video - HTML5 视频播放器:动态加载视频
那么,使用兼容 HTML 5 的视频播放器(如 Video JS)如何动态加载视频,而无需重新加载整个页面?想象一下,一个链接列表(类似于播放列表),每个链接都指向一个视频。单击链接时,我想将所选视频加载到播放器中。
目前,我正在使用一个包含视频播放器的 Iframe,所以基本上我将一个变量传递给 Iframe,然后重新加载它。出于几个原因,我认为这并不理想;它不允许视频全屏显示,“后退”按钮将 iframe 向后移动,而不仅仅是主页,另外,它是一个 iframe。我宁愿避免这种情况。
想法?谢谢!
ipad - HTML5 视频上的“跳过介绍”链接在 iPad 上不起作用
我正在使用“ Javascript Fake Click ”脚本在 iPad 上自动播放介绍性 HTML5 视频,然后指向登录页面。
我在较高 z-index 的视频元素顶部有一个简单的“跳过介绍”链接。此链接适用于其他浏览器,但不适用于 iPad (iOS 3.2.2)。
我认为这可能与 iPad 上默认暂停/播放视频的视频上的点击事件有关。关于如何解决这个问题的任何想法?
javascript - 在 AJAX 内容加载后重新初始化 Kalthura mwEmbed-player-static.js
我们使用 mwEmbed-player-static.js 库来处理网站上的视频播放。这适用于我们可以加载脚本的静态页面,仅此而已。但是,如果我们通过 AJAX 将视频标签作为动态内容的一部分加载,则不会发生任何事情。我们需要一种方法来重新初始化播放器或重新加载脚本。以前有没有人处理过这个问题?
plone - Plone:如何在内容类型中使用 html5 视频标签?
我有一个 zpt(zope 页面模板),我想在其中使用视频标签,例如:
其中 FILE_LOCATION 将是 plone 的内容类型。我可以使用 3 种方式来访问文件:
obs:如果我单击浏览器上第一个或第二个选项返回的链接,它会从浏览器打开下载窗口以下载文件。
在 zpt 上,我可以这样做:
其中“python:file.absolut_url()”可以更改为其他选项。
但这些选项中的任何一个都有效。该页面向我显示了一个应该播放视频的块,但没有播放视频。
我怎样才能使这项工作?
video - 带有 API 的 GPU 或基于硬件的 h.264 编码器?
我们希望根据服务器上生成的帧将 h.264 视频流式传输到浏览器。这些帧将是合成的,即不是来自另一个“真实电影”、mpeg 等。我们将作为模拟的一部分单独生成它们,可能使用 OpenGL/DirectX 来渲染单个帧。在我的幼稚近似中,我们会在内存中留出一个位图,渲染它,告诉编码器做它的事情,然后重复。最终用户将看到连续流式传输的视频。
我知道有几个基于非 GPL 软件的 h.264 编码器,例如 Intel IPP,但我知道这些通常不能实时进行 h.264 压缩。在理想的世界中,我们的电影将是几百万像素,例如两台高清电视。我知道我们需要专用的硬件。人们是否知道具有此功能的扩展卡、特殊连接的服务器等?
javascript - 在 HTML5 视频播放时执行功能
我正在尝试在 HTML5 视频达到特定的第二个值时执行基本功能。目前我没有任何运气,并希望我能在这里得到一些帮助。这是我到目前为止使用的代码:
我只想围绕视频做一个非常基本的内容交换,但到目前为止还没有多少运气。提前感谢您的帮助!