<video id="post" autoplay loop preload="auto">
<source src="foo.mp4" type="video/mp4">
</video>
由JavaScript控制播放 不使用video标签controls属性
iPhone safari 点击视频会弹出播放器进行全屏播放
GitHub - bfred-it/iphone-inline-video: Make videos playable inline on the iPhone (prevents automatic fullscreen)
缺点是不支持多视频源,用的时候 video 元素上不能写 controls 特性 链接:https://www.zhihu.com/question/21094425/answer/127476949
<source src="foo.mp4" type="video/mp4">
</video>
由JavaScript控制播放 不使用video标签controls属性
iPhone safari 点击视频会弹出播放器进行全屏播放
如何不全屏 使视频在网页中播放?
iPhone Safari 中播放视频只能全屏,所以这个问题是没有答案的。
-------------------------------------
以下为拓展,
在iOS APP中使用网页视频,是可以禁止全屏播放的,方法如下:
HTML5 inline video on iPhone vs iPad/Browser
链接:https://www.zhihu.com/question/21094425/answer/56014727
-------------------------------------
以下为拓展,
在iOS APP中使用网页视频,是可以禁止全屏播放的,方法如下:
- 前端将video标签加入属性 webkit-playsinline,如:<video id="player" width="480" height="320" webkit-playsinline>;
- Obj-C中,添加配置:webview.allowsInlineMediaPlayback = YES;
HTML5 inline video on iPhone vs iPad/Browser
iOS10 原生支持啦~ video 元素上添加 playsinline 特性即可。
New <video> Policies for iOS
GitHub - bfred-it/iphone-inline-video: Make videos playable inline on the iPhone (prevents automatic fullscreen)
缺点是不支持多视频源,用的时候 video 元素上不能写 controls 特性