简单教程
提交运行
代码编辑器：
<video width="320" height="240" controls> <source id="mySource" src="/static/i/html/html_video_1.mp4" type="video/mp4" media="screen and (min-width:320px)"> <source src="/static/i/html/html_video_1.ogg" type="video/ogg" media="screen and (min-width:320px)"> 您的浏览器不支持 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>
运行结果：