小伙伴们好！今天我要和大家说说一件特别有趣的事，那就是怎么用video标签做网页上的视频。你知道吗？现在用这个做起来可不容易。咱们得看好三种情况，赶紧听听我是咋说的！
首先，咱得找能用Ogg Theora或VP8这两种格式看视频的浏览器，像Opera、Mozilla和Chrome这些都行。不过注意，只有在软件没毛病时才能用上它们。
接着咱得想想那些支持H.264电影的浏览器，比如Safari、IE 9和Google Chrome。这些家伙都挺给力的，能直接看H.264的片子。说起这个，这各种格式到底是怎么来的？真叫人眼花缭乱！
不过，有几个浏览器真的啥也不行，比如IE6、7和8这三个老古董。想看个视频都成问题，这种情况真是挺头疼的。
除了刚刚提到的那些问题，你们知道我还要提醒你们一下吗？有个叫‘poster’的属性，能帮我们设定一个图片，当看不了视频时就会出现。也就是说，这个属性能告诉大家眼前 this 的样子，还能用一张图片代替 HTTP 请求！你们觉不觉得这功能实用又体贴？
来聊聊那个autoplay属性，这可是控制视频能否自动播放的利器！对了，这个属性是用英文字母”true”和”false”来代表的。用得对的话，就在标签里填上”true”就成，这么一弄，视频就能自动开始播放了；但如果不想让视频自动播放，那咱们就别在标签里加什么东西，就让它空着就好。
说到这，不得不提下 loop 这个属性，丫儿就是控制视频是不是重复播放的。还是个布尔值。要是把 loop 设成 true，那视频就能一遍又一遍地放。看，这功能多带劲！
大家学得怎么样？这下是不是对网页上用video标签有更深理解？别忘了，得看看你浏览器支不支持，还有各类设置啥的。要是IE也得兼容咋办？别急，加个Flash播放器，或者搞点儿JavaScript代码就行。今儿咱们聊的就是网页用video标签咋用这个事儿。听上去挺复杂的，其实不难，把握住浏览器支持哪些，怎么设属性这些要点，你也能大显身手！希望本文对你们多少有那么一点儿帮助。有啥想法欢迎跟我说一起交流！点个赞再分享给朋友，那就更棒！
评论0