Question

我正在考虑在iOS10之前实施内联视频。

我一直在考虑使用this library

适用于iOS10上的内嵌视频，但适用于iOS10之前的内嵌视频。

我正在使用v 8.3的iOS和v600.1.4的safari

我的 js 看起来像这样

var video = $('video').get(0);
makeVideoPlayableInline(video);

video.addEventListener('touchstart', function () {
   video.play();
});

html 看起来像这样

<video src='http://www.w3schools.com/html/mov_bbb.mp4' class="video-player video-one" id="video-background" autoplay muted playsinline>
</video>

CSS

.IIV::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px;
}

Answer 1

您是否在此处的演示中添加了iphone-inline-video.browser.js：https://github.com/bfred-it/iphone-inline-video/blob/master/demo/index.html？

<head>
    <meta charset="UTF-8" />
    <title>iphone-inline-video demo with playsinline</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="../dist/iphone-inline-video.browser.js"></script>
    <link rel="stylesheet" href="style.css">
</head>

您是否还在浏览器中检查了JS控制台？

视频内联iOS无法正常工作

1 个答案: