如何在html5视频上显示视图？

Question

我试图在我的HTML中获得一种类似于观看次数的“YouTube”。我希望每当观众超过视频的第4分钟时添加1。

到目前为止，我应用了这个Javascript，但它看起来不像工作，我错过了什么？

<section id="totViews">
<script>

document.getElementById("totViews").innerHTML = counter;

    var counter = 0;

    $('section video').on("timeupdate", function() {
        if ($('section video')[0].currentTime >= 4) { counter++;
        }
    });

    </script> views
    </section>

Answer 1

JavaScript在用户的浏览器中运行。它无法与观看视频的其他浏览器进行通信，并且当您关闭页面时它将停止计数，因此它只能计算您在当前会话中观看视频的频率。

如果要使其工作，您需要在服务器上加载和存储此信息。