代码拉取完成,页面将自动刷新
同步操作将从 CNBruceLee/videoUI 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
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>
喜欢的点赞、收藏,你的支持就是我的动力!!!
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。