javascript - 目前是否可以在移动设备上使用全屏(自动播放)视频背景?

标签 javascript jquery html css

我目前正在研究使用 Ustream 的直播作为固定背景的东西。目前,它只能在桌面上运行,我个人认为出于性能等原因,在移动设备上这样做并不是最好的主意(更不用说,我讨厌我的移动数据被消耗掉通过我无法控制的视频)。我只是好奇目前是否可能。

我试了一下,只是为了好玩,但意识到它不会自动播放,如果我通过点击播放来启动它,媒体播放器会打开,其中包含流 - 至少在 iOS 上是这样。

只是让我想知道这是否可能。我的意思是,facebook 和 instagram 不需要打开媒体播放器就可以做到这一点,所以我敢肯定,但我假设它并不像我希望的那样简单。

很想听听您的想法!

最佳答案

这是可能的,但我想这更有可能取决于设备和浏览器使用的是什么,我现在尝试使用这个 url:https://www.nationalgeographic.com/magazine/2017/09/holland-agriculture-sustainable-farming/在我的 S9+ 上使用三星浏览器,如果我询问网站的桌面版本,它对我有用。但是我建议忘记背景视频,否则当您的应用程序/网站将消耗他们所有的移动数据时,用户会讨厌您。我不想提及低端设备。那些可能不支持,或者如果支持,则观看背景视频的体验会很差。

背景视频:https://www.w3schools.com/howto/howto_css_fullscreen_video.asp 通常情况下,如果我们只是严格查看背景视频/流部分,则真实流与静态视频相比不会有太大差异。

关于javascript - 目前是否可以在移动设备上使用全屏(自动播放)视频背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56731584/

相关文章:

javascript - 为什么我的圆锥体被鼠标拖动时旋转不顺畅

javascript - 拉拉维尔 : can't I use enctype ='multipart/form-data' to POST non file inputs?

jquery - 如何从 js.erb View 中选择这个 div 元素

html - 在html中为有序列表着色

html - 删除 :hover effects from :after content

javascript - 小部件 CSS 被外部页面 CSS 干扰

javascript - 如何阻止所谓不可见的 javascript 占用空间?

javascript - 从其他元素获取宽度以设置为当前元素但不等于 jQuery

javascript - jquery 和 html5 文本框从本地存储保存/加载

jquery - 更大的 radio 选择范围