代码之家  ›  专栏  ›  技术社区  ›  Amirhosein

如何计算观看视频的百分比

  •  -2
  • Amirhosein  · 技术社区  · 2 年前

    我是一家网站的所有者,该网站致力于通过保证用户从头到尾观看视频来改善用户互动。如果用户没有看完视频,我计划显示一个标签,说明: “你已经观看了这一集的47%。” 我相信它的可行性源于在另一个网站上看到它的有效性。

    尽管我采用了所有已知的策略,并在互联网上搜索解决方案,但我没有找到解决方案。这是我最后的希望灯塔!

    1 回复  |  直到 2 年前
        1
  •  2
  •   Daniyal Khan    2 年前
      document.addEventListener('DOMContentLoaded', (event) => {
                const video = document.getElementById('myVideo');
                const percentageWatched = document.getElementById('percentageWatched');
    
                video.addEventListener('timeupdate', () => {
                    const watchedPercentage = (video.currentTime / video.duration) * 100;
                    percentageWatched.innerHTML = `You've viewed ${watchedPercentage.toFixed(2)}% of this episode.`;
                });
            });