CSS：embad标签（加载音频），video标签（加载视频）

embad标签:

属性：

src：

width：

height：

 

embad：加载音频

属性：

src：音频资源的地址

controls：显示控件

muted：静音播放

loop：循环播放

autoplay：自动播放

source：解决浏览器的兼容-src

IE11与chrome内核相同

 

video：加载视频资源

属性

video：

src：资源地址

controls：显示控件

height：高

width：宽

muted：静音播放

autoplay：自动播放

preload：-auto预先加载视频；-none不预先；-metadata抓取元数据。如果有autoplay，则忽略这个属性

poster：用于指定一张图片，在加载无效时显示

-imgurl

video标签属性：
        disablePictureInPicture="true"不要画中画
        controlslist="nodownload nofullscreen noremoteplayback"
        nodownload: 不要下载
        nofullscreen: 不要全屏
        noremoteplayback: 不要远程回放
         id="video" 
  src="video.mp4" 
  controls = "true"
  poster="images.jpg"  // 视频封面
  preload="auto" 
  webkit-playsinline="true" /* 这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放*/  
  playsinline="true"  // IOS微信浏览器支持小窗内播放
  x-webkit-airplay="allow" 
  x5-video-player-type="h5"  // 启用H5播放器,是wechat安卓版特性
  x5-video-player-fullscreen="true" // 全屏设置，设置为 true 是防止横屏
  x5-video-orientation="portraint" // 播放器的方向， landscape横屏，portraint竖屏，默认值为竖屏
  style="object-fit:fill"