HTML5 video标签(播放器)学习笔记(一):使用入门

2020-04-25 07:37:46易采站长站整理

复制代码
<video controls preload=”auto” width=300 poster=”http://img0.ph.126.net/I10JqUUJDmlEtE_XYl4hOg==/6608842237655242020.jpg” src=”http://www.w3cschool.cc/try/demo_source/mov_bbb.mp4″></video>

在设置好宽度后,在浏览器中调试工具中看到了自适应的高度是165,那么这个时候再设置高度为165

复制代码
<video controls preload=”auto” width=300 height=165 poster=”http://img0.ph.126.net/I10JqUUJDmlEtE_XYl4hOg==/6608842237655242020.jpg” src=”http://www.w3cschool.cc/try/demo_source/mov_bbb.mp4″></video>

总结:通过这四个步骤,可以完成了一个播放器的基本设置和使用了,主要是要了解播放器的一些属性和应用的场合,更多的应用那就要通过JS来控制了。