问题标签 [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.
video - 如何在不使用自动播放的情况下播放 html5 视频,因为它会缓冲所有内容并减慢页面加载速度
示例代码在帖子末尾以供参考。
很抱歉这么啰嗦,只是想通过并且没有留下任何可能的相关信息。
这似乎是我把自己画在一个角落里。我有一个显示隐藏切换功能,似乎工作正常。我有一小群 DIV,当单击菜单项时,每个 DIV 都会显示和隐藏。这是一个视频库。这些按钮位于 JQuery 脚本滑块中,并位于 html 列表中。CSS 与 Div ID 一起使用
功能和隐藏都很好用。这似乎是一个策略问题,因为如果我希望在显示 div 时开始播放适当的视频,我会在加载此页面时删除 preload="none",所有 32 个视频似乎都在缓冲,它会杀死页面加载时间。当我将预加载设置为无时,在有人单击适当的按钮以显示视频后,视频就在那里准备好播放。我和我的客户希望在窗口显示后看到电影开始播放。事实上,一旦窗口出现并且视频显示“正在加载”,我所要做的就是点击播放,它就会开始流畅地播放。那么,在不使用自动播放的情况下,有没有办法在按下按钮以取消隐藏适当的 div 时播放视频?
顺便说一句,我使用 Video for Everyone 作为基础,但它似乎并没有为超过几个视频提供解决方案。
也许我的视频格式有误,但我使用的是从 quicktime pro 中以 .m4v 扩展名保存的 h264 视频。我也想知道该格式是否可以自动播放,但我知道 OGV 不能,所以我对此不抱太大希望。另外,我将添加一个闪存后备。
请成为我的代码,因为我只是一个动画师,对这些东西一无所知。此外,我的显示隐藏功能似乎被观众截断了。它在那里并且工作正常,真的。
他们正在切换的是这些:
video-encoding - 在常规和移动设备中以 HTML 5 流式传输视频的文件格式?
我正在整理一个网站,其中将包含一些 1 到 3 分钟长的教学视频。用户将通过标准和移动浏览器访问这些内容。我特别关心 i 设备的用户,例如 iPhone/iPod Touch/iPad。
为了提供视频,我可能会使用 videojs.com 播放器 - 这似乎是一个非常可靠的选择。不幸的是,我首先不知道用于编码文件的文件格式和标准。H.264 基线配置文件似乎是一个不错的选择,但我真的需要一些指导来了解可能是最佳选择的地方。
请帮忙 :)
javascript - 如何检索以秒为单位的长度
我有一个<video>
ID 为“liveVideo”的标签。如何以秒为单位检索视频的长度?
谢谢,
大卫!
flash - Flash 和 HTML5 的后备方案?
是否有可能先有 Flash 视频然后回退到 html5?
就像我有这样的东西 if(Flash is installed){ run flash player} else if(can do video tag w/h.264){ use HTML5 video tag with h.264}
现在这是 javascript,所以它是用 javascript 编写的,然后内部 html 将获得正确的标签。
python - 网站上的Flash视频录制教程
我想制作一个网站,让用户可以通过他们的浏览器录制一段小视频信息并将其保存到我的网站。
由于我从未使用过闪存,我想知道需要哪些软件以及我需要哪些编程语言?我的意思是,我应该如何学习实施这样的网站。我希望尽可能使用开源解决方案。
可以使用 python 和 html5 实现这样的事情吗?
ipad - iPhone/iPad Safari 是否需要视频的“Accept-Ranges”标头?
从我的开发服务器提供在移动 Safari 中播放的视频时,我遇到了问题。我的开发服务器不支持“Accept-Ranges”标头,在阅读了几个论坛后,我发现这可能是我的问题。 这是一个示例论坛发布的内容。
它是否正确?移动 Safari 是否需要 Accept-Ranges 标头?任何人都可以指出我实际说明这一点的任何 Apple 文档吗?
谢谢。
iphone - iPhone OS 3 上的 HTML5 视频标签出现在溢出的图层之外:隐藏;
我在具有“溢出:隐藏”的图层中有一个 HTML5 视频标签 设置它,但视频显示在溢出区域之外。它本质上是一个手风琴控件,所以视频所在的层默认是关闭的,然后当它被激活时,它会打开并带有一点向下的动画。不幸的是,由于视频不尊重溢出属性,播放按钮始终可见,并且实际上位于站点上其他控件的顶部。有谁知道解决这个问题的方法?我尝试调整视频标签的 z-index,但没有成功。
注意:这似乎只是 iPhone OS(或 iOS)3 及更低版本的问题,因为新的 iOS 4 没有同样的问题。
iphone - 在移动 safari (html5) 中为离线 iphone/ipad 网络应用程序缓存视频内容?
我看到了一些与这个主题相关的(令人沮丧的)问题,但我仍然不清楚答案。
是否可以缓存视频内容以便在 iphone 或 ipad 上的离线网络应用程序中立即播放?
(我相信任何缓存文件都有 5mb 的限制。)视频可以像其他文件一样缓存,使用清单吗?有替代品吗?
javascript - 为什么动态创建的 HTML5 视频标签不支持 iPad 上的转换?
附加的视频元素将不支持转换。
此转换无法在 iPad 上运行(但在桌面上运行)
javascript - 使用 JavaScript 控制 HTML5 视频播放器循环
我希望在不支持 JavaScript 循环标记 (ff) 的浏览器中启用 HTML5 视频循环。有谁知道访问视频播放结束并将播放恢复为零的可行性?