17.7　阻止预加载视频

如果认为用户观看视频的可能性较低（如该视频并不是页面的主要内容），那么可以告诉浏览器不要预先加载该视频，这样能节省带宽，如图17.7.1和图17.7.2所示。

  1. <body>
  2.      <video src="paddle-steamer.webm" preload="none" controls="controls"> </video>
  3. </body>

图17.7.1　页面完全加载时也不会加载的单个WebM视频。仅在用户试着揪放该视频时才会加载它

17.7　阻止预加载视频 - 图1

图17.7.2　将preload设为none的视频。如你所见，什么也不会显示，因为浏览器没有得到关于该视频的任何信息（连尺寸都不知道），也没有指定海报图像

告诉浏览器不预先加载视频的步骤

  • 获取视频资源。

  • 输入

    ，这里的myVideo.ext是视频文件的位置、名称和扩展名。