Question

我做了一个项目，提供了一个本地托管的视频（mp4），该项目的视频有21个暂停。用户观看视频并暂停到达定义的时间点。然后用户必须单击播放才能继续。该网站成功适用于所有新平台。 Windows，Android浏览器。除了在iOS Safari中，视频会继续开始而不是播放。只有当用户在时间轴中移动到例如5:00并且等待加载然后每件事情都正常时，代码才能成功运行。

我的问题。我如何调整代码，以便它可以在iOS上的Safari上成功运行，因为它在Windows和Android Browser 4.0 +中使用chrome

代码是：

<body>
        <div class="container text-center">
        <video id="vid" controls>
            <source src="vid/1.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </div>
    <script type="text/javascript">
            var video = document.getElementById("vid"); /*The video is found by ID in HTML*/
            var time = [24,34,53,119,155,192,238,258,273,296,323,381,404,432,467,485,520,555,579,610,625]; /*This array holds the times at which the video has to stop. The time is in seconds.*/
        var bools = [false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false]; /*This holds the boolean for when the time has passed.*/
        video.addEventListener("timeupdate", function()
        {            
            for (i = 0; i <= 20; i++) /*The for loop to check for the conditions. 21 stops total*/
            {
                if(this.currentTime >= time[i] && bools[i] == false) {
                this.pause();
                bools[i] = true;
                }
            }
        });
    </script> 
</body>

尝试Android浏览器和Chrome，PC上的Internet Explorer 11运行正常。在iOS 8.1.3上试用Safari并不成功（视频持续5秒，然后回到零）

项目http://stopvid.5gbfree.com/

的链接

提前致谢

注意：我发现iPad mini iOS 8.1.3的问题没有加载视频，在视频时间轴中移动后，视频加载和JavaScript运行正常。我保留代码以造福他人。如果有人知道在iPad mini上运行的确切格式是什么，而没有开始加载的问题，我很感激。感谢

视频暂停某些时间

0 个答案: