问题:移动端的某些展示页面,经常遇到需要嵌入一个短视频的情况(其实还是某程序媛遇到的情况),通常这个视频上只有一个自定义的播放或者暂停按钮,样式简洁,如下图:
为了完成上述需求,写了一个非常简洁的H5播放器,只有暂停和播放(播放一次之后显示重播)操作。具体代码如下:
下面的代码直接复制粘贴就可以使用,样式很简陋,但是功能完全OK,根据你的应用场景自己稍加修改吧。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.