編輯代碼:
查看結果 »
試一試 - ©
w3ii.com
<!DOCTYPE html> <html> <body> <p>Click the buttons to create a VIDEO element, one with preload set to "none", and one with preload set to "auto".</p> <button onclick="myFunction('none')">Video without preload</button> <button onclick="myFunction('auto')">Video with preload</button> <br> <script> function myFunction(p) { var x = document.createElement("VIDEO"); x.setAttribute("controls", "controls"); var y = document.createElement("SOURCE"); y.setAttribute("src", "movie.mp4"); y.setAttribute("type", "video/mp4"); x.appendChild(y); var z = document.createElement("SOURCE"); z.setAttribute("src", "movie.ogg"); z.setAttribute("type", "video/ogg"); x.appendChild(z); // Set the preload property: x.preload = p; document.body.appendChild(x); } </script> <p><b>Note:</b> The preload attribute is not supported in IE.</p> </body> </html>