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

ipad - iPad Safari mobile 似乎忽略了 html5 视频元素的 z-indexing 位置

我在一个页面上有一个视频元素,它在 Safari 移动版和桌面版都可以正常工作。我有一个工作正常的半透明下拉菜单。问题是,当菜单在视频元素上方时,在桌面 Safari 上我可以看到菜单下的视频(根据需要),而在移动版本上,无论我说什么,视频元素都停留在前景(丑陋)的CSS。有什么解决方法吗?

问题的图像

0 投票
1 回答
1332 浏览

javascript - 如何获取 HTML5 中每一帧的像素数据

我想我必须等待视频完成加载,然后设置一个时间间隔(1/24 秒)来获取当前帧数据,持续视频。但这看起来很hacky,看起来它可能会跳过帧等等......</p>

那么,是否有一个我可以连接的“onFrameChange”侦听器,以便我可以获取每一帧,或者以任何其他方式获取 HTML5 视频的每一帧的图像数据?

提前致谢。

0 投票
5 回答
10092 浏览

html - HTML5 视频编解码器支持

HTML5 视频标签将支持哪些编解码器?

它会因浏览器而异,还是会支持特定的编解码器规范?

0 投票
1 回答
521 浏览

html - HTML5:实时声音

HTML5(或浏览器中的任何东西)可以用来实时传输声音吗?比如Skype?谢谢

0 投票
1 回答
11456 浏览

html - 在 HTML5 视频播放器中获取缓冲进度值

在 Firefox 中,当我看到此示例中的简单视频元素时,它具有默认浏览器控件。页面加载后立即开始加载视频;我看到缓冲(加载)线是如何移动到默认浏览器控件的右侧的。

我怎样才能得到这个缓冲区的值?

我尝试了许多不同的方法,包括video.bufferedand progress event listenerwith e.total, e.loaded

我有 Firefox 3.6.3,它似乎不支持.buffered.total / .loaded.

默认浏览器控件如何初始化此缓冲进度?

顺便说一句,我还有其他不同 HTML5 播放器的示例,它们的功能与默认浏览器控件相同:

0 投票
2 回答
81 浏览

javascript - 我应该使用什么技术组合在新的 HTML 5 中制作具有自定义用户界面的视频播放器

我现在正在尝试做一些简单的事情。我正在为自闭症儿童制作视频播放器。这个想法是:视频播放器在平板电脑(ipad / android)上运行。轻按(屏幕上的任何位置)可在播放/暂停之间切换视频状态。

现在,我正试图让它只在 chrome/firefox 浏览器 + PC 组合上工作。我一直在阅读有关编解码器的持续问题,并且熟悉整个开源/付费编解码器问题。现在,我只想让功能到位。设置视频播放器并将其指向正确的来源是一件轻而易举的事。我想知道什么是捕获用户事件以在屏幕上任意位置点击并切换播放状态的好方法。我想尝试一些新的 HTML5 东西,但是技术/选项是压倒性的。有人可以建议我哪种库/技术更适合(jquery/其他一些 js 库)?在这样做时,我想探索使用一些我也可以在其他未来项目中使用的库。

谢谢你的时间。

0 投票
4 回答
11295 浏览

ipad - 在 iPad 上搜索 HTML5 视频

我有一个带有自定义搜索栏的 HTML5 视频播放器,它在 iPhone(内联播放)和浏览器上运行良好。

它在 iPad 上的播放效果也很好,并且搜索栏会随着电影的播放而更新,但由于某种原因,我无法搜索。

所有值都是正确的,我正在尝试设置:

不幸的是,iPad 拒绝设置 .currentTime 属性。

从我可以收集到的浏览器和 iPad 之间的区别是,在浏览器上我得到:

在 iPad 上,我得到:

运行本地 MP4 视频的代码完全相同。

知道为什么会这样吗?

干杯,安德烈

0 投票
3 回答
992 浏览

jquery - HTML5 视频适用于 Firefox,但不适用于 IE

此页面上的 HTML5 视频播放器(JW 播放器)在 Firefox、Chrome、Safari、Opera 中运行良好,但不适用于 IE:http ://bit.ly/9mR6Wy

如果您滚动浏览轮播组件,您会注意到视频的宽度在 IE 上被“压扁”,并且在其他浏览器上可见的旁边的文本不会显示。视频幻灯片是轮播组件中的 1 和 5。

我究竟做错了什么?非常感谢您的帮助。

0 投票
1 回答
2920 浏览

php - 以编程方式为视频加水印

因此,我正在寻找一种以编程方式为上传到我的网站的视频添加水印的方法。我查看了 ffmpeg-php 但这不起作用,因为我使用的是共享 linux 托管。我想知道是否有人知道我可以以编程方式向 mp4 视频添加水印的方式,就像你在 php.ini 中使用 GD lib 的方式一样。

有没有人成功地做到了这一点,或者是否有人知道可以在共享主机上运行的实用程序?

0 投票
3 回答
136690 浏览

video - 视频作为网站背景?HTML 5

我想使用视频作为背景,而不是自动拉伸到整个屏幕(背景)的图像。

我还想旋转视频和图像..以便以任何顺序显示随机视频/图像。

知道如何延迟视频播放也很好,这样视频只在网站加载后 30 秒播放一次。

谢谢!