iPhone全屏播放embedded式video

我创build了一个小网站，其中包含一个video与此代码：

<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加载页面video开始播放，但它不会在网站的一部分播放，而是iPhone全屏播放video。 如何强制iPhone在网站上的相应区域播放video？

谢谢。

Answer 1

iPhone和iPod似乎只是在Safari中强制全屏video播放的唯一设备/浏览器（以及使用未经修改的WebView的应用程序）

您可以通过浏览video来模拟播放而不是实际地.play()来解决此问题。

我写了一个模块，负责播放video内嵌和同步到audio（但它也适用于没有音轨的video ）： iphone-inline-video

Answer 2

这个问题在这里回答： iPhone上的HTML5内联video与iPad /浏览器

只需将webkit-playsinline属性添加到video标签即可。 适用于iOS 4.0及更高版本：

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

这是webkit-playsinline的官方文档。