javascript – 显示视频内联

2024年1月26日 242次阅读

我在网页中嵌入了视频.

我想让它在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< – 请查看它使用您的手机/平板电脑 任何提示？

最佳答案 您还必须在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 Fullscreen属性.

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

点赞