meo
HTML5 <Video>/<Audio>专注于效率,可定制性和功能的播放器。可以在项目网站上找到演示。
特征
- 皮肤
- 进度栏
- 加载条
- 时间浮动
- 全屏
- 倒退
- 键盘控件
- 控制自动隐藏
- 需要jQuery
浏览器支持
- 桌面
- Internet Explorer(最新)
- 边缘(最新)
- 野生动物园(最新)
- Firefox(最新)
- Chrome/Opera(最新)
- 移动的
- iOS(最新)
- Android Firefox(最新)
- Android Chrome(最新)
用法
- 下载meo
- 将CSS和JS添加到<head>。 meo.js"></script>
<link rel="stylesheet" type="text/css" href="path/to/ meo .css">\”>< script src =\" path/to/ meo .js \" > </ script > < link rel =\" stylesheet \" type =\" text/css \" href =\" path/to/ meo .css \" >
- 将其添加到您的JavaScript中。其中“视频,音频”是在一个或多个<video>/<Audio>元素中替换为标识符。
$ ( \"video, audio\" ) . meo ( ) - 根据下面的指南进行选择配置。 meo({
timeFormat: "default", // This sets the format that the time is displayed in. Choose "hhmmss", "mmss" or "default"
hideTime: "2000", // Time it should take for controlbar to hide after mouse inactivity in milliseconds
skip: "5" // Number of seconds the keyboard shortcuts (ArrowLeft, j, l and ArrowRight) should move
});\”>$ ( \"video, audio\" ) . meo ( { timeFormat : \"default\" , // This sets the format that the time is displayed in. Choose \"hhmmss\", \"mmss\" or \"default\" hideTime : \"2000\" , // Time it should take for controlbar to hide after mouse inactivity in milliseconds skip : \"5\" // Number of seconds the keyboard shortcuts (ArrowLeft, j, l and ArrowRight) should move } ) ;
