HTML preload属性用法及代码示例

HTML preload属性用于指定作者认为页面加载时应该加载媒体的方式。 preload属性允许作者向浏览器描绘应该实现网站用户体验的方式。

支持的标签：

视频预加载示例：

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML Video Preload Attribute  
    </title>  
</head>  
  
<body style="text-align:center">  
  
    <h1 style="color:green">  
    GeeksforGeeks  
</h1>  
    <h2 style="font-family:Impact">  
HTML Video Preload Attribute  
</h2>  
    <br>  
  
    <video id="Test_Video"
        width="360"
        height="240"
        controls  
        preload="none">  
        <source src="samplevideo.mp4"
                type="video/mp4">  
    </video>  
  
</body>  
  
</html>

输出：

音频预加载示例：

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML Audio preload Attribute  
    </title>  
</head>  
  
<body style="text-align:center">  
  
    <h1 style="color:green">  
    GeeksforGeeks  
</h1>  
    <h2 style="font-family:Impact">  
HTML Audio preload Attribute  
</h2>  
    <br>  
  
    <audio id="Test_Audio" controls  
        preload="none">  
          
        <source src="sample1.mp3"
                type="audio/mpeg">  
    </audio>  
</body>  
  
</html>

支持的浏览器：下面列出了HTML video preload属性支持的浏览器

谷歌浏览器4.0
Firefox 4.0
苹果Safari 4.0
Opera 10.5

相关用法

注：本文由纯净天空筛选整理自shubham_singh大神的英文原创作品 HTML | preload Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。