Question

当我在PC浏览器http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video

上打开此链接时

视频显示了预览图像，我可以看到加载进度条正在运行，一切正常。

但是当我在移动浏览器上打开链接时，视频完全没空，没有任何缩略图，并且进度条停止了。（玩好）

然后我在视频代码中添加＆＃34; preload = auto＆＃34; 属性，然后也没有区别。

这是我的代码。

＆＃13;

 <!DOCTYPE html>
    <html>
    <body>
    
    <video preload="auto" width="400" controls>
      <source src="mov_bbb.mp4" type="video/mp4">
      <source src="mov_bbb.ogg" type="video/ogg">
      Your browser does not support HTML5 video.
    </video>
    
    <p>
    Video courtesy of
    <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
    </p>
    
    </body>
    </html>

＆＃13;

我的设备： Android 5.1.1 / Chrome 48.0.2564.95

Answer 1

移动设备通常不会自动播放视频以保护用户免受过多的移动数据费用。

您仍然可以通过向W3C网站的HTML添加海报属性来显示缩略图：

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

html视频在移动设备上启动时没有缓冲区

1 个答案: