blocks|key|781803|text|我不知道安卓系统如何，但由于屏幕较小，iPhone或iPod+touch上的Safari将会全屏播放所有视频。在iPad上，它将播放页面上的视频，但允许用户全屏显示。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|781804|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I don't know about android, but Safari on the iPhone or iPod touch will play all videos full screen because of the small screen size. On the iPad it will play the video on the page but allow the user to make it full screen.

blocks|key|781860|text|有一个属性可以在iOS+web浏览器中启用/禁用内嵌媒体播放(如果您正在编写本机应用程序，则它将是UIWebView的allowsInlineMediaPlayback属性)。默认情况下，在iPhone上设置为NO，但在iPad上设置为YES。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|781861|幸运的是，您还可以在HTML中调整此行为，如下所示：|781862|<video+id="myVideo"+width="280"+height="140"+webkit-playsinline>|781863|...that希望能帮你解决这个问题。我不知道它是否能在你的Android设备上工作。这是一个webkit属性，所以它可能是。不管怎样，值得一试。|781864|entityMap^0|1N|P|2X|2|3A|3|0|0|0|1S|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|Y|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|M|$]]

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 <code>allowsInlineMediaPlayback</code> property of a UIWebView). By default on iPhone this is set to <code>NO</code>, but on iPad it's set to <code>YES</code>. 

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

<code>&lt;video id="myVideo" width="280" height="140" webkit-playsinline&gt;</code>

...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.

blocks|key|781894|text|根据此页面https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html，它仅在以下情况下可用(仅在allowsInlineMediaPlayback属性设置为YES的UIWebView中启用)。据我所知，在Mobile+Safari中，这在iPad上是肯定的，在iPhone和iPod+Touch上是否定的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|781895|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html^0|5|3G|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

According to this page 
<a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html" rel="nofollow noreferrer">https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html</a>
it is only available if (Enabled only in a UIWebView with the allowsInlineMediaPlayback property set to YES.) I understand in Mobile Safari this is YES on iPad and NO on iPhone and iPod Touch.

blocks|key|781943|text|在iOS+10Beta+4中，HTML5中的正确代码是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|781944|<video+src="file.mp4"+webkit-playsinline="true"+playsinline="true">|code-block|syntax|javascript|781945|webkit-playsinline适用于iOS+<+10版本，而playsinline适用于iOS+>=+10|offset|length|style|CODE|781946|通过https://webkit.org/blog/6784/new-video-policies-for-ios/查看详细信息|781947|entityMap|0|LINK|mutability|MUTABLE|url|https://webkit.org/blog/6784/new-video-policies-for-ios/^0|0|0|0|I|X|B|0|2|1K|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@$I|Z|J|10|K|L]|$I|11|J|12|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@$I|14|J|15|1|16]]|A|$]]|$1|O|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

In iOS 10 beta 4.The right code in HTML5 is

<pre><code>&lt;video src="file.mp4" webkit-playsinline="true" playsinline="true"&gt;
</code></pre>

<code>webkit-playsinline</code> is for iOS &lt; 10, and <code>playsinline</code> is for iOS >= 10

See details via <a href="https://webkit.org/blog/6784/new-video-policies-for-ios/" rel="noreferrer">https://webkit.org/blog/6784/new-video-policies-for-ios/</a>

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.

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.

Can I avoid the native fullscreen video player with HTML5 on iPhone or android?

Android

HTML5

我已经构建了一个web应用程序，它使用HTML5标记和JavaScript代码来呈现与正在运行的视频同步的其他内容。它在桌面浏览器中工作得很好: Firefox、Chrome和Safari。在iPhone或DroidX上，原生视频播放器会弹出并占据屏幕，从而使我希望与视频同时显示的其他动态内容变得模糊。有什么办法可以解...

问我可以避免在iPhone或安卓系统上使用HTML5的原生全屏视频播放器吗？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我可以避免在iPhone或安卓系统上使用HTML5的原生全屏视频播放器吗？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我可以避免在iPhone或安卓系统上使用HTML5的原生全屏视频播放器吗？
EN