admin 发表于 2020-11-3 12:56:16

微信video标签视频设置全屏属性

微信video标签视频设置全屏属性,支持安卓和ios系统的视频控制器和播放按钮隐藏和视频全屏,微信使用的内核是X5



preload="auto"   开启视频缓冲,页面加载完即加载视频

webkit-playsinline="true"控制当前视频在当前设置的div里面播放,不脱离文档流
x-webkit-airplay="true"支持Airplay的设备
x5-video-player-type="h5"开启同层播放器,取消播放器的默认的播放按钮和播放器控制器控制面板,整个页面只保留微信默认自带的返回和关闭菜单
x5-video-player-type="h5"x5-video-player-fullscreen="true"同层播放器设置类型为h5和设置视频播放为全屏幕
style="object-fit:fill;" css3样式设置填充整个屏幕


通过属性的设置和样式的控制让视频全屏显示。
页: [1]
查看完整版本: 微信video标签视频设置全屏属性