专栏名称: i小声读书

「电子书支援计划」是一个以电子书为核心的自我学习计划，以 Telagram 社群为主要载体，致力于促进中文互联网圈内的知识交流和资源共享，帮助诸位获得更好的阅读资源和阅读体验，同时鼓励社群内成员输出优质内容。

如何快速制作 H5 视频播放器

i小声读书 · 公众号 · · 2019-03-07 12:08

正文

The simplest free web video player without branding and quality loss, which loads 2x faster than others and support HQ previews.

支持自适应的 HTML5 视频播放器，支持自定义视频地址和视频封面，支持定制播放按钮，加载速度快，支持 HQ 预览。

你可以自由选择播放器的配置，画质、大小、风格均支持，导出代码插入自己的代码中即可实现，你可以将哔哩哔哩的视频地址复制粘贴过来，直接使用此播放器观看，体验会提升不少。

对应代码

< div style = "padding-top: 50%; position: relative; overflow: hidden;" >< iframe frameborder = "0" allowfullscreen = "" src = "https://onelineplayer.com/player.html?autoplay=false&loop=true&autopause=false&muted=false&url=https%3A%2F%2Fvimeo.com%2F226137389&poster=&time=true&progressBar=true&playButton=true&overlay=true&muteButton=true&fullscreenButton=true&style=light&logo=true&quality=1080p" style = "position: absolute; height: 100%; width: 100%; left: 0px; top: 0px;" > iframe > div >