微信video标签视频如何设置全屏属性推荐

摘要： 微信video标签视频设置全屏属性，支持安卓和ios系统的视频控制器和播放按钮隐藏和视频全屏，微信使用的内核是X5html<video src="m.mp...

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

html<video src="m.mp4" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="object-fit:fill;"></video>

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样式设置填充整个屏幕

通过属性的设置和样式的控制让视频全屏显示。