我已经构建了一个web应用程序,它使用HTML5标记和JavaScript代码来呈现与正在运行的视频同步的其他内容。它在桌面浏览器中工作得很好: Firefox、Chrome和Safari。在iPhone或DroidX上,原生视频播放器会弹出并占据屏幕,从而使我希望与视频同时显示的其他动态内容变得模糊。
有什么办法可以解决这个问题吗?如果有必要,我会弄清楚如何为这两个平台编写原生应用程序,但如果我能坚持使用HTML5/JavaScript,那将会节省我大量的精力。
发布于 2011-02-20 21:26:57
有一个属性可以在iOS web浏览器中启用/禁用内嵌媒体播放(如果您正在编写本机应用程序,则它将是UIWebView的allowsInlineMediaPlayback
属性)。默认情况下,在iPhone上设置为NO
,但在iPad上设置为YES
。
幸运的是,您还可以在HTML中调整此行为,如下所示:
<video id="myVideo" width="280" height="140" webkit-playsinline>
...that希望能帮你解决这个问题。我不知道它是否能在你的Android设备上工作。这是一个webkit属性,所以它可能是。不管怎样,值得一试。
发布于 2016-08-20 15:39:25
在iOS 10Beta 4中,HTML5中的正确代码是
<video src="file.mp4" webkit-playsinline="true" playsinline="true">
webkit-playsinline
适用于iOS < 10版本,而playsinline
适用于iOS >= 10
通过https://webkit.org/blog/6784/new-video-policies-for-ios/查看详细信息
发布于 2011-05-05 14:26:52
根据此页面https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html,它仅在以下情况下可用(仅在allowsInlineMediaPlayback属性设置为YES的UIWebView中启用)。据我所知,在Mobile Safari中,这在iPad上是肯定的,在iPhone和iPod Touch上是否定的。
https://stackoverflow.com/questions/5054560
复制相似问题