Я пытаюсь сделать что-то в JavaScript, что увеличивает ширину тега P, так что он показывает продолжительность видео чисто, я попытался, но все мои попытки не дали ему короткую версию моего кода.
#Video_Progress_Background { position:relative; width:100%; height:5px; background-color: #383838; }
#Video_Progress { height:100%; background-color: #26A310; }
<div id="Video_Progress_Background">
<p id="Video_Progress"></p>
</div>
var ProgressBar = document.getElementById("Video_Progress");
ProgressBar.style.width = Video.duration;
Я знаю, что это базовый код, я пробовал другие способы сделать это, но все провалилось, это просто то, что я считал более простым способом для всех, кто хочет помочь понять мою проблему. Спасибо всем, кто может помочь.
Продолжительность видео будет равна количеству секунд.
Свойство ширины CSS принимает длину, которая должна (если она не равна 0
) имеет единицы.
+ "px";
Как правило, однако, вы хотите рассчитать ширину хода с использованием продолжительности в сочетании с текущим временем для вычисления процента.