文章最后有2020年最新更新的解决排查方案。
在网站中用HTML5自带的video标签或者video.js的等插件的HTML5模式引入视频后，有少数用户反应观看所有视频时均无法播放，显示如下错误：
The media could not be loaded, either because the server or network failed or because the format is not supported.
反复排查，视频资源没问题，调用方式也没问题。而且出问题的用户所占比例非常小，所在地区、宽带线路也无规律，而且均反映土豆、优酷等站的视频能正常播放。
远程方式查看用户浏览器控制台，网络选项中提示视频资源404，由于视频托管在阿里云oss服务器中，提交工单，阿里工程师也没说出所以然，真是奇了怪了，无语。
反正能想到的都排查了，问题依旧。
一次偶然的机会，一位用户反应说是他们公司的网络管理员禁掉了视频相关协议，导致了这个错误。恍然大悟，之前一直没注意一个细节，就是几乎所有用户都反应说在家正常（家庭线路和自己的路由器一般不会有协议限制），在公司就不能播放，用户说其他网站视频播放正常，当时只考虑用户网络线路的问题了，哪能想到是坑货网管禁视频协议没禁彻底！！！！
PS：如果发生上述情况，从网站开发者角度来讲，基本无解，除非将视频换成flash播放形式，可能会好一些。
总结：
在排查这个问题的时候可以按照以下步骤依次排除原因
1、核实video的url地址是否有误
2、核实用户上网地区（有部分地区可能有限制，比如新疆、西藏）
3、核实用户的上网环境，是家庭网络还是公司网络，如果是家庭网络，让用户重启路由器试试。如果是公司网络，让用户问下公司网管是否禁掉相关协议。
4、如无法确定所连网络是否禁止相关协议，可以建议用户用电脑连接手机热点后再尝试播放，如果连接手机热点后能播放，那一定是相关视频协议被禁掉了。
5、有部分朋友出现在安卓手机上可以正常播放，但苹果手机iOS系统上无法播放的情况，经排查，是视频的问题，换一个视频或将视频重新转码就可以了。（感谢 wolf9236 朋友的反馈。）
