【H5】阻止H5页面播放视频默认全屏

老是看到有人找不到阻止视频默认全屏的问题，看到别人发的帖子不是隐藏video标签使用canvas绘制视频就是使用插件来禁止视频默认全屏的问题，其实没有那么麻烦的只需要设置一下属性就可以了

x5-playsinline="true"               安卓需要设置的属性
playsinline="true"                    ios需要设置的属性
webkit-playsinline="true"         ios10需要设置的属性
preload="auto"                        预加载 
loop                                         自动循环播放
muted                                      静音
autoplay                                  自动播放

<video class="videoCl" id="videoEl1" 
      width="100%" 
      height="100%" 
      muted 
      controls 
      x5-playsinline="true" 
      playsinline="true" 
      webkit-playsinline="true" 
      preload="auto">
  <source src="./video/demo1.mp4" type="video/mp4"></source>
  <source src="./video/demo1.ogv" type="video/ogg"></source>
  <source src="./video/demo1.webm" type="video/webm"></source>
</video>

这样就可以阻止视频默认全屏播放了