Question

我在网页中嵌入了视频。我想让它在iOS上内联播放，而不是在点击播放按钮时扩展到全屏。

我试过

添加webkit-playsinline

<video width="400" controls webkit-playsinline>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

我已尝试添加JSFiddle＆lt; - 请查看它使用您的手机/平板电脑

任何提示？

Answer 1

您还必须在Obj C中设置以下内容。

webview.allowsInlineMediaPlayback = YES;

您现有的属性如下所示。

<video id="player" width="480" height="320" webkit-playsinline>

其他 - 使用HTML5 FullScreen API

http://www.sitepoint.com/use-html5-full-screen-api/
https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

以下是要使用的Webkit全屏属性。

document.webkitCurrentFullScreenElement
document.webkitCancelFullScreen
document.webkitFullScreenKeyboardInputAllowed
document.webkitIsFullScreen

显示视频内联

1 个答案:

其他 - 使用HTML5 FullScreen API