前言
我遇到了个小烦心事，就是我手机录的MP4视频能播放，但用格式工厂转换后就看不了了！后来我研究琢磨，最后成功搞掂。下面给你们分享一下解决办法大家也试试看呗。
问题分析
你看你之前录制的视频和处理后的视频有啥区别吗？我排查了半天代码、路径还有浏览器之类的，发现经过处理之后，你那个视频的编码变成了mp4v，可能播放不了了，得换成AVC(H264)这种格式才行。
我看啦下文章，好像只有用HTML5 Video视频标签才能播放3种特定种类的视频，那就是h264 MP4视频（就是那个MPEG-LA公司出品的），VP8 webm（这可是谷歌他们家搞的哦）以及Theora ogg（这个还是苹果的iTouch一手操办的呢）。
解决方法
搞定HTML5中Video标签不能放MP4这个困扰？简单！用好它的多Source元素功能就成。添加一些source元素到Video标签，然后把各种格式的视频文件拖进去，浏览器会自动找出最易认懂的那一个播放。这样就能轻松规避不同浏览器间的兼容问题~
搞定HTML5 Video无法播放MP4的问题其实很轻松。下面具体步骤走起：
首先要看下你那视频是不是h264编码的，如果不是就得转换成这个格式才能剪辑。
直接选个你喜欢的格式和源，标签上就会多出个叫”source”的东西。
3.测试不同浏览器下的兼容性，确保视频可以正常播放。
实例演示
想知道怎么解决HTML5播不了MP4视频的问题？我告诉你，多用几个source元素就行了！
html 你的浏览器不支持看视频。
我们在video标签这里放了两个source代码，mp4和webm的源都有。就算你的浏览器不认识mp4也没关系，它会去尝试一下webm
这么搞，就可以解决HTML5 Video标签播不了MP4的麻烦事儿！网页视频现在看起来更稳定了~
总结
这篇文章教大家怎么搞定HTML5的Video标签播放不了MP4的问题。只要仔细看看视频属性，确保做对了，再多加点source元素，就能轻松转换编码格式，再也不怕那些浏览器不支持的麻烦了。希望下次遇到类似问题的时候你能用上这个小技巧！
评论0