Комментарий: Хотя видео HTML5 можно использовать для отображения элементов управления и пауза управления воспроизведением, эффекты дисплея различных браузеров могут быть разными. Давайте поделимся с вами некоторыми пользовательскими операциями и элементами управления с помощью DOM.
Хотя видео HTML5 может использовать элементы управления для отображения элементов управления и пауза управления, эффекты дисплея разных браузеров могут быть разными, так много раз нам нужно использовать DOM для пользовательских операций и элементов управления. Вот небольшой пример.Конечно, эффект не очень красивый. Если вы хотите хорошо выглядеть, вы можете установить свой собственный стиль CSS и т. Д.
<div>
<tool> Play/Pause </button>
<Кнопка> Большой </button>
<Кнопка> </button>
<Кнопка> маленький </button>
<Видео>
<Source src = "demo.mp4" type = "video /mp4" />
<Source src = "demo.ogg" type = "video /ogg" />
Ваш браузер не поддерживает этот видео тега HTML5.
</video>
</div>
<script type = "text/javascript">
var myVideo = document.getElementById ("myVideo");
функция PlayPause ()
{
if (myvideo.paused)
myvideo.play ();
еще
myvideo.pause ();
}
Функция tobig ()
{
myvideo.width = 560;
}
Функция тонормала ()
{
myvideo.width = 420;
}
Функция tosmall ()
{
myvideo.width = 320;
}
</script>
Следует отметить, что среди всех свойств немедленно доступны только свойства VideoWidth и VideoHeight.
Другие свойства доступны после загрузки метаданных видео.