Javascript 在线显示视频

Javascript 在线显示视频,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在网页中嵌入了视频。 我想让它在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

我在网页中嵌入了视频。 我想让它在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>

您的浏览器不支持HTML5视频。

我已经尝试在中添加,您还必须在Obj C中设置以下内容

webview.allowsInlineMediaPlayback = YES;
您现有的属性如下所示

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

其他-使用HTML5全屏API

下面是要播放的Webkit全屏属性

  • document.webkitCurrentFullScreenElement
  • document.webkit取消全屏
  • document.webkitFullScreen键盘输入允许
  • document.webkitIsFullScreen

  • 我发现:“webkit playsinline属性适用于iOS4+上的HTML5视频,但只有当您将网页作为webapp保存到主屏幕时才有效。如果您使用移动Safari,它将始终全屏打开”。我不记得web app例外,但@makshh是对的,在iPhone上(虽然不是在iPad上),您不能在Safari中在线播放视频。它将始终全屏打开(并且不会在任何类型的设备上自动启动)。请尝试此参考-我在哪里设置此
    webview.allowsInlineMediaPlayback=YES?在webkit条件下尝试此JSFIDLE并尝试取消全屏!你的小提琴链接在哪里?我不明白,这是我的错。看看这个网址