上面是全部HTML代码,.controls类就是播放控件HTML,引用CSS代码:
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/player.css">
为了显示播放按钮等图标我使用了字体图标
2.视频加载loading效果
一开始先隐藏视频,用一个背景图片替代,等到视频加载完成可以播放时在显示视频