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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。