html video 标签

      <div v-if="i.source_type==2" class="VideoBox" :id="`VideoBox_${index}`">
        <video :id="`video_${index}`" playsinline webkit-playsinline X5-playsinline preload="auto"
          class="allVideo video video-js vjs-big-play-centered" ref="video" src=""></video>
      </div>

0、转http://blog.sina.com.cn/s/blog_65c2ec5e0102x5qm.html

用html5的video方式播放视频时，在ipad上是默认原来大小的，而在iphone上是默认全屏播放的。

 

1、转  https://www.cnblogs.com/Opacity/p/6782777.html

<video>的基本属性：

　　preload: （预加载）iPhone支持，Android不一定支持;

　   poster: （封面图片）iPhone支持，Android不一定支持;

　　autoplay: （自动播放）iPhone中的Safari不支持，webview可能被开启。Android不一定支持；

　　loop: （循环播放）iPhone支持，Android不一定支持;

　　controls: （控制条）iPhone支持，大师需要开始播放了才显示，Android基本支持;

　　width: （宽度）;

　　height: （高度）;

有时候在微信网页端插入<Video>标签的时候,不希望用户来拖动进度条的话,可以直接使用 playsinline属性,webkit-playsinline属性

注：iPhone Safari 中播放视频只能全屏。