·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]视频标签video音量大小控制在移动端没有效果

时间:2018-11-15 16:38jb51.net
[html5]视频标签video音量大小控制在移动端没有效果

[html5]视频标签video音量大小控制在移动端没有效果

  1. <video id="video"  
  2.   style="object-fit:fill"  
  3.   autoplay 
  4.   webkit-playsinline  
  5.   playsinline  
  6.   x5-video-player-type="h5" 
  7.   x5-video-player-fullscreen="true" 
  8.   x5-video-orientation="portraint"  
  9.   src="video.mp4" /> 
  10. </video> 
  11. <!-- 
  12.   object-fit: fill   视频内容充满整个video容器 
  13.   poster:"img.jpg" 视频封面 
  14.   autoplay: 自动播放 
  15.      auto - 当页面加载后载入整个视频 
  16.      meta - 当页面加载后只载入元数据 
  17.      none - 当页面加载后不载入视频 
  18.  
  19.   muted:当设置该属性后,它规定视频的音频输出应该被静音 
  20.  
  21.   webkit-playsinline playsinline:   内联播放 
  22.  
  23.   x5-video-player-type="h5" :  启用x5内核H5播放器 
  24.   x5-video-player-fullscreen="true"  全屏设置。ture和false的设置会导致布局上的不一样 
  25.   x5-video-orientation="portraint" :声明播放器支持的方向,可选值landscape 横屏,portraint竖屏。 
  26.                                      默认值portraint。无论是直播还是全屏H5一般都是竖屏播放, 
  27.                                      但是这个属性需要x5-video-player-type开启H5模式 
  28. --> 

来源:https://www.jb51.net/html5/596100.html

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器