iPhone播放嵌入式视频全屏

问题描述：

我创建了一个小网站，包括使用此代码视频：iPhone播放嵌入式视频全屏

<video autoplay="autoplay"> 
     <source src="inc/WEB_MASTER.mp4" type="video/mp4"> 
     <source src="inc/WEB_MASTER_ios.m4v" type="video/mp4"> 
     Your browser does not support the video tag. 
    </video>

当我通过我的iPhone加载页面的视频开始播放，但它并没有在部分播放的网站，而不是iPhone全屏播放视频。我如何强制iPhone在网站上的相应区域播放视频？

谢谢。

我认为这是不可能的iPhone/iPod，只能在iPad上使用 – jcesarmobile 2013-03-17 10:45:28

答

这个问题是在这里找到答案： HTML5 inline video on iPhone vs iPad/Browser

就在WebKit的playsinline属性添加到视频标签。在作品的iOS 4.0及更高版本：

<video id="player" width="120" height="60" webkit-playsinline>

这里是webkit-playsinline的官方文档。

这仅适用于原生iOS应用程序中的UIWebView，它不适用于iOS Safari。 – Soviut 2013-12-03 21:56:14

答

iPhone和iPod似乎只是唯一的设备/浏览器，强制全屏视频播放在Safari（和应用程序，利用它的未修改的WebView的）由模拟回放

可以解决此问题撇号视频而不是实际上.play()'它。

我写了一个模块，它利用照顾播放视频内嵌，并同步到音频（但它也适用于视频没有音轨）：iphone-inline-video

iPhone播放嵌入式视频全屏

相关推荐