BootWiki教程网
源代码：
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>BootWiki 教程网</title> </head> <body> <video controls height="240" width="320"> <source id="mySource" media="screen and (min-width:320px)" src="movie.mp4" type="video/mp4"> <source media="screen and (min-width:320px)" src="movie.ogg" type="video/ogg"> 您的浏览器不支持 video 标签。 </video> <p>点击按钮返回媒体资源的 media 属性的值。</p> <p id="demo"></p> <button onclick="myFunction()">尝试一下</button> <script> function myFunction(){ var x = document.getElementById("mySource").media; document.getElementById("demo").innerHTML = x; }; </script> </body> </html>
运行结果