我可避免的全屏视频播放器与HTML5的iPhone或Android?我可、全屏、视频播放器、Android

2023-09-11 12:52:57 作者:昔年~无伤

我已经建立了一个Web应用程序,使用HTML5的标签和JavaScript code呈现与正在运行的视频同步等内容。火狐,Chrome和Safari:它在桌面浏览器的伟大工程。在iPhone或DroidX,本地视频播放器弹出,并采取在屏幕上,从而模糊,我想与视频同时显示其他动态内容。

I've built a web app that uses the HTML5 tag and JavaScript code that renders other content synchronized with the running video. It works great in desktop browsers: Firefox, Chrome, and Safari. On an iPhone or a DroidX, the native video player pops up and takes over the screen, thus obscuring the other dynamic content that I want to display simultaneously with the video.

有没有解决这个办法吗?如果有必要,我会弄清楚如何写这两个平台的原生应用,但它救了我一吨的努力,如果我能坚持HTML5 / JavaScript的。

Is there any way around this? If necessary, I'll figure out how to write native apps for both those platforms, but it would save me a ton of effort if I could just stick with HTML5/JavaScript.

推荐答案

有一个属性,启用/禁用在iOS的网络浏览器在线媒体播放(如果你正在写一本机应用程序,这将是一个UIWebView的allowsInlineMediaPlayback 属性)。默认情况下在iPhone上,这是设置为 NO ,但在iPad上把它设置为

There's a property that enables/disables in line media playback in the iOS web browser (if you were writing a native app, it would be the allowsInlineMediaPlayback property of a UIWebView). By default on iPhone this is set to NO, but on iPad it's set to YES.

幸运的是,你还可以调整HTML这种行为如下:

Fortunately for you, you can also adjust this behaviour in HTML as follows:

<视频ID =MyVideo网站WIDTH =280HEIGHT =140的webkit-playsinline>

...这应该有希望梳理出来给你。我不知道这是否会在你的Andr​​oid设备。这是一个WebKit的特性,所以它可能。值得一去,反正。

...that should hopefully sort it out for you. I don't know if it will work on your Android devices. It's a webkit property, so it might. Worth a go, anyway.