Question

在Google Chrome版本59.0.3071.115（官方版本）（64位）上使用开发工具

我正在播放HTML5视频，并在网络活动中看到，只要视频循环，它就会显示状态（已取消）。

这里发生了什么？它每次循环时重新下载吗？

我使用的属性为preload="none"，以防止自动下载视频autoplay和loop。

以下是一些示例HTML：

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>fadeIn demo</title>
    <style>

    .video-container {
        display: none;
    }
    span {
        display: none;
    }
    </style>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
    <div style="text-align:center">
        <div class="still-container">
            <img src="https://s3.amazonaws.com/collectememe/storage/video_still/4101688e-14fa-4018-b296-1514dc0d202f.jpeg" width="560">
        </div>
        <div class="video-container">
            <video id="video1" width="560" preload="none" autoplay loop poster="test.jpeg">
                <source src="https://s3.amazonaws.com/collectememe/storage/video/4101688e-14fa-4018-b296-1514dc0d202f.mp4" type="video/mp4">
                Your browser does not support HTML5 video.
            </video>
        </div>
    </div> 
    <script> 
        var video = document.getElementById("video1"); 
        $( ".still-container" ).click(function() {
            $(".still-container").hide();
            $( ".video-container" ).fadeIn( 1000, function() {
            });
            return false;
        });
    </script> 
</body> 
</html>

Answer 1

以隐身模式打开Chrome，您将在网络活动中看到mp4。它没有您在本地遇到的相同问题。我相信您在本地体验的是您没有运行Web服务器来提供您的html文件，浏览器无法检查文件是否在循环中更改。

当HTML视频元素上的自动播放，循环为真时，HTTP状态（已取消）

1 个答案: