标签：src 播放 embad 标签 video 属性 true 加载

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"

 

标签：src,播放,embad,标签,video,属性,true,加载
来源： https://www.cnblogs.com/LIXI-/p/16485977.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。