DIY本文基于HTML5VideoAPI，自定义Web视频播放器样式。其实原生的video标签样式挺好看的，只是每个人的视觉体验不一样，所以也会有需要改变原生样式的时候。然后在上面涂上一些化妆品。淡妆，淡妆。【代码在这里】添加playsinline属性：webkit-playsinline="true"playsinline="true"x5-playsinline这个playsinline属性是为了让视频内敛到浏览器webview而不是使用浏览器本身的视频风格，但有些浏览器不认识这个，所以他们被迫使用自己的。比如UC，如果你要用它，你需要它给你配置一个白名单。有些浏览器就是不支持，也没有白名单。关于腾讯x5等浏览器的这些属性可以看他们的文章【腾讯浏览服务-H5同层播放器接入规范】DataVideo/AudioHTML/Element/videoMedia_eventsUse$(selector).initVideoPlayer();//selectisvideoelementplayerstyle在git代码项目的demo文件夹中有单独的css，可以改成你喜欢的，或者你的产品经理喜欢的。DEMO这里是一个demo，PC端打开为移动端模式，支持PC端的事件，但是样式需要自己做。用手机扫描二维码：
