Подробное объяснение управления новым атрибутом аудио -аудио и видео (рекомендация)

Эта статья рассказывает о управлении новым атрибутом аудио и видео.

 <Udio controls = controls> <source src = Поместите путь аудиофайла в это> </source> </audio>

 <видео Controls = Controls LOOP = LOOP AutoPlay = AutoPlay id = video> <source src = положить путь к видео -файлу> </source> </video> <tood> </button> on> Откройте звук < /Кнопка> <Tood> воспроизвести </button> <butne> Прекратить воспроизведение </button> <tood> Полный экран </button>

Ниже приводится управление видеофайлами;

JavaScript руководит.

 <cript> var myvideo = document.getElementById (видео); 1] .click = function () {myvideo.mude = true; );

Синхронно.

Как показано на рисунке:

Позвольте мне поговорить об этом здесь, прежде всего

(1), максимальное значение общей длины видео для видео для панели хода, Progress.max = video.duction;

(2), необходимо получить длину текущей позиции текущего воспроизведения видео на длину текущей панели прогресса, Progress.value = video.currenttime;

Затем, во время воспроизведения видео, необходимо обеспечить, чтобы ценность панели прогресса сможет получить продолжительность видео и текущую позицию времени воспроизведения во времени.

Вам необходимо открыть таймер SetInterval (Pro, 100); :: Это означает, что значение видео назначено для панели прогресса в 1 миллисекунду, чтобы обеспечить своевременность.

Таким образом, панель прогресса может быть точно синхронизирован с видео.

1. Прежде всего, вам необходимо получить значение значения диапазона, а том, приданный видео, для управления томом видео.

 <входной тип = диапазон min = 0 value = 50 max = 100 id = range /> var ran = document.getelementbyid (range);

Получить range.value,

Атрибуты аудио, назначенные видео: video.volume = range.value/100;

В настоящее время громкость простого диапазона перетаскивания и управления видео.

Затем вам нужно пойти в звук, чтобы закрыть суждение.

Окончательный код заключается в следующем;

 <! > ЗАКРЫТЬ Звук </button> <button Onclick = disableMute () type = кнопка> открыть звук </button> <button OnClick = playvid () type = кнопка> Play Video </button> <button Onclick = pauvid () type = Кнопка> Передача видео </button> <кнопка onclick = showfull () type = button> Полный экран </button> <pan> Прогресс: </span> <Значение Прогресса = 0 max = 0 id = pro> </progress > <pan> том: </span> <input type = range min = 0 max = 100 value = 50 onchange = setValue () id = ran/> </div> <script> var btn = document.getElementsbytagname (кнопка) ; ] .disabled = true; } // Воспроизведение видео функции playvid () {myvideo.play (); Summ Funch setValue () {) {) myVideo.volume = ran.value/100;

Выше всего содержимое этой статьи.