html5
Tallyer
这个作者很懒,什么都没留下…
展开
-
video标签隐藏对应元素
video标签的controls属性添加时,会出现时间轴,播放时间,总时间,音量调节,全屏等控件元素。有时候只想保留其中一种或几种,对应的css如下// 隐藏video 音量按钮video::-webkit-media-controls-mute-button { display: none !important;} // 隐藏video 当前按钮video::-webkit-media-controls-current-time-display { display: none !i原创 2020-09-16 19:50:19 · 1117 阅读 · 0 评论 -
微信内置浏览器video标签自动全屏播放以及层级过高问题
今天事用html5的<video>标签做微信内置浏览器视频播放页面时,需要在视频层级上显示类似弹幕的对话。发现部分机型(华为P40 pro,oppo reno,iphone7p)上点击播放视频后,视频自动全屏播放,页面其他元素无法显示。探索良久,找出如下解决方案:1、ios:只需要添加属性:x5-playsinline playsinline webkit-playsinline即可解决。例:<video src="视频地址" poster="视频封面" cont.原创 2020-09-16 19:43:45 · 3458 阅读 · 4 评论