1

我创建了一个小网站,其中包含带有此代码的视频:

    <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 加载页面时,视频开始播放,但它不会在网站的部分播放,而是 iphone 全屏播放视频。如何强制 iphone 在网站的相应区域播放视频?

谢谢。

4

2 回答 2

0

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

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

我编写了一个模块,负责播放内联视频并将其同步到音频(但它也适用于没有音轨的视频):iphone-inline-video

于 2016-04-01T05:48:51.197 回答
-2

这个问题在这里得到了回答: HTML5 inline video on iPhone vs iPad/Browser

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

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

这是webkit-playsinline的官方文档。

于 2013-03-17T10:55:07.713 回答