Javascript 视频内联iOS不工作_Javascript_Jquery_Ios_Video

Javascript 视频内联iOS不工作

javascript jquery ios video

Javascript 视频内联iOS不工作,javascript,jquery,ios,video,Javascript,Jquery,Ios,Video,我正在考虑在iOS10之前实现内联视频我一直在考虑使用这适用于iOS10上的内联视频，但不适用于iOS10之前的视频我正在使用iOS的V8.3和safari的v600.1.4 我的js看起来像这样 var video = $('video').get(0); makeVideoPlayableInline(video); video.addEventListener('touchstart', function () { video.play(); }); html是这样的 &l

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

我一直在考虑使用

这适用于iOS10上的内联视频，但不适用于iOS10之前的视频

我正在使用iOS的V8.3和safari的v600.1.4

我的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>

您是否在这里的演示中包括类似iphone-inline-video.browser.js的内容：

您也检查过浏览器中的JS控制台吗？

有一个问题，现在已经解决了

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

<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>