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

javascript - HTML5

我正在为客户开发一个网站,他们坚持使用 HTML5 的视频标签作为其某些视频内容的交付方式。我目前在http://videojs.com/的帮助下启动并运行它来处理 Internet Explorer Flash 后备。

他们要求我做的一件事是,在视频播放完毕后(它们的长度都不同),淡出它们,然后淡出图片来代替视频 --- 把它想象成一个海报框架视频。

这甚至可能吗?您可以通过 Javascript 或其他方法获取当前正在播放的电影的时间码吗?我知道 Flowplayer ( http://flowplayer.org/demos/scripting/grow.html ) 有一个 onFinish 功能,那是我应该代替 HTML5 视频方法的路线吗?IE 用户将获得 Flash 播放器这一事实是否需要两个单独的解决方案?

任何投入将不胜感激。我目前在网站上使用 jQuery,所以如果可能的话,我希望将解决方案保留在该领域。谢谢!

0 投票
7 回答
14549 浏览

iphone - 移动 Safari 中的 HTML5 离线视频缓存

我似乎无法让 iPhone 或 iPad 上的 Safari 离线缓存视频。当我离线时,其他所有内容都会很好地缓存。视频文件显然在清单中,但我只是得到了断箭头。在 Safari 桌面上运行良好。有什么线索吗?我已经尝试过对象嵌入和视频标签。

0 投票
3 回答
33293 浏览

html - 具有最简单控件的 html5 视频播放器(仅播放和暂停)

不知何故,关于 html5 视频和音频播放的教程真的很少。

我只是想嵌入带有自定义控件的视频和音频文件。但是,控件应该相当简单。我只需要一个播放按钮。如果单击,播放将被暂停取代。就这样!

但是,我什至不知道如何在没有“预加载控件”的情况下嵌入/显示视频。不知何故,如果我只设置(没有预加载控件)Firefox 甚至什么都不显示。Chrome 确实显示了一个黑色窗口。

我希望能够使用 jQuery 来控制视频播放和暂停按钮。也许你对我有一些小的开始方法!

非常感谢你!

0 投票
7 回答
38618 浏览

html - 有没有办法在 HTML5 视频上使用 DRM?

由于 Flash 正在失势,我想知道是否有办法使用 DRM(H264、.ogg 和 WebM)保护 html5 视频。

0 投票
4 回答
22953 浏览

javascript - 使用 jQuery 访问 HTML 5 视频进度事件

下面是一个 HTML5 视频播放器事件。

我和我的搭档在这一天的大部分时间里都被这个问题难住了,希望有人能就这个问题提供一些见解。我们已经能够使用纯 js 访问进度事件,如下所示,但是当尝试使用 jQuery 访问它时,我们在控制台中得到未定义。非常感谢任何帮助/建议。

提前致谢,

JN

0 投票
1 回答
8773 浏览

jquery - 嵌入式 Vimeo 视频回调

这篇文章是我之前关于HTML5 视频回调的文章的后续。在那个线程中,我得到了一段很棒的代码,它允许浏览器在视频停止播放时得到通知,然后触发一个动作(使用 jQuery)。这是我目前正在使用的代码:

这基本上会在视频完成后淡出视频,并将视频(或类似图像)的海报帧带回视野。

嗯,项目的范围发生了变化,现在客户要求根据用户连接速度提供真正的全屏视频和不同大小的视频,这有点超出我的想象,也超出了预算。所以我一直在研究,对于使用桌面浏览器(高清嵌入、真正的全屏等)的访问者来说,Vimeo Plus 播放器似乎是一个很好的选择。问题是,我需要上面的代码以某种能力继续工作,那么嵌入式 Vimeo 播放器是否提供了我可以使用的类似回调?还是我在这里?

提前致谢!

0 投票
4 回答
6507 浏览

iphone - iphone状态下的视频标签

是否有任何电影可以在 iPhone/iPad Safari 中使用视频标签?我们尝试了很多格式和代码片段。我听说 mp4/h264 应该可以工作,但不适合我们。

谁能指出我在网上的一个工作示例?

如果您知道 iphone 上视频标签的代码或规格/格式,那就太好了。

更新:

这是我们拥有的 mp4 文件的链接:http: //aino.se/media/207.mp4 这是我们尝试过的最新代码:

在 Safari/Chrome 中运行良好,但在 iPhone/iPod 中没有显示

0 投票
5 回答
634 浏览

html - 目前电脑上哪些浏览器支持html5?

我知道大多数浏览器已经在手机上支持 HTML5,但是 PC 浏览器的现状如何,尤其是 HTML5 <video>

有哪些好的网站和资源可以跟上不同浏览器对 HTML5 的支持程度?

0 投票
9 回答
240846 浏览

javascript - 如何更改 HTML5 中视频的播放速度?

如何更改 HTML5 中的视频播放速度?我已经在 w3school 中检查了视频标签的属性,但无法解决。任何帮助将不胜感激!

0 投票
2 回答
2904 浏览

flash - Flash 视频播放器 VS HTML 5 视频

我需要添加一个视频播放器来播放网页上的视频。通常我在 swfobject 库的帮助下使用 Flash 播放器。如果启用了 Flash 播放器和 javascript,则该方法有效。

我目前正在使用 XHTML 1.0 严格的文档类型。

我的问题是我可以将我的文档类型更改为 HTML 5 文档类型并使用 HTML 5 视频添加视频播放器。对于不支持 HTML5 的浏览器,我可以使用 javascript。

在这种情况下,在受支持的浏览器中,视频将在没有 Flash 播放器和 javascript 的情况下工作,在不受支持的浏览器中,将在 js 支持下工作。

这可能吗?这是一个好主意吗?