Слияние кода завершено, страница обновится автоматически
HTML5 Video — одна из самых популярных функций HTML5, которая поддерживается большинством современных версий браузеров. Однако в разных браузерах предоставляются разные стили видео, и при доступе к ним из разных браузеров стили не унифицированы. Мы создали собственные видеоэлементы управления, чтобы обеспечить единый видеоэлемент во всех браузерах, независимый от стандартных элементов управления видео.
videoUI — это облегчённый элемент управления на стороне клиента, который обеспечивает единый стиль и работу в различных браузерах.
2021-06-06 обновление
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="../media/images/favicon.ico" type="image/x-icon">
<title>videoUI</title>
<!-- 1、引入CSS -->
<link href="../css/videoUI.css" rel="stylesheet"></head>
<body>
<div class="container">
<!--2、video的容器 -->
<div class="video-ui" style="width: 720px;height: 480px;margin: 10px auto"></div>
</div>
<!-- 3、引入JS -->
<script type="text/javascript" src="../js/videoUI.js"></script></body>
<script>
//4、创建videoUI实例
var vui = new VideoUI({//5、配置对象
el: ".video-ui",
qualityData: [{
name: "4K",
src: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4",
type: "video/mp4"
}],
});
</script>
</html>
Документация по поддержке GitHub
Документация по поддержке Gitee
Спасибо за вашу поддержку!
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )