Как посчитать процент просмотренного видео
Я являюсь владельцем веб-сайта, посвященного улучшению взаимодействия с пользователем, гарантируя, что пользователи просматривают видео от начала до конца. Если пользователь не досмотрит видео, я планирую отобразить метку с надписью: «Вы просмотрели 47% этого эпизода». Моя вера в его жизнеспособность основана на том, что я стал свидетелем его эффективности на другом веб-сайте.
Несмотря на то, что я использовал все известные мне стратегии и поискал в Интернете решения, я не нашел решения. Это мой последний маяк надежды!
принятый ниже ответ подходит для простой проверки, но его обманет пользователь, просматривающий до конца. Посмотрите stackoverflow.com/a/42323463/1569675, чтобы найти более детальное решение, которое разбивает видео на несколько фрагментов и записывает, какая часть каждого фрагмента была просмотрена, чтобы получить более точное считывание.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
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.`;
});
});
Так ценно О:-)
Глядя на количество голосов, проголосовавших за этот вопрос, вам следует подумать о том, чтобы добавить пример кода, который у вас есть. Что-то, что показывает, что проблема есть.