video视频提示没有找到支持的视频格式和MIME类型解决方案

初次尝试用 html5的 video 标签添加适配,代码如下:


<link href="//vjs.zencdn.net/7.8.2/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/7.8.2/video.min.js"></script>
<!-- <video id="my-player" class="video-js" controls="" preload="auto" poster="https://tukuimg.bdstatic.com/processed/f86ba1cd5a9acd4468584e04f1a43b61.jpeg@s_0,w_800,h_1000,q_80" data-setup="{}"><source src="https://vd4.bdstatic.com/mda-kk5xn627v3cpddgg/cae_h264_clips/1604678944/mda-kk5xn627v3cpddgg.mp4?auth_key=1605945474-0-0-f71f5b5a8384a3356feb2963a676e843&bcevod_channel=searchbox_feed&pd=1&pt=3&abtest=7355_3-7873_2-7917_2-8012_3" type="video/mp4" /><p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a
&nbsp; &nbsp;web browser that &nbsp; &nbsp;<a href="https://videojs.com/html5-video-support/" target="_blank">
&nbsp; &nbsp; &nbsp;supports HTML5 video &nbsp; &nbsp;</a></p></video>
但是添加网站后,总是提示:


没有找到支持的视频格式和MIME类型解决方案

把此代码放入本地html文件,可以正常播放,由于对html5的属性没有好好的研究,百思不得其解!

当然MIME类型也会导致此问题,这个赞且不说,百度一下都是解决方案

就寻求了一位大神的帮助,经技术大神的排查:

就是 video视频的跨域问题。

加上 crossorigin="" 属性即可解决跨域问题


<video width="800" crossorigin="" height="" controls="controls">
    <source src="https://vd4.bdstatic.com/mda-kk5xn627v3cpddgg/cae_h264_clips/1604678944/mda-kk5xn627v3cpddgg.mp4?auth_key=1605945474-0-0-f71f5b5a8384a3356feb2963a676e843&bcevod_channel=searchbox_feed&pd=1&pt=3&abtest=7355_3-7873_2-7917_2-8012_3" type="video/mp4"/>
    <param name="flashvars" value="autostart=true&amp;file=myvideo.swf"/></object>
   当前浏览器不支持 video直接播放,点击这里下载视频: < a href=" ">下载视频</ a>
</video>


发表评论 / Comment

用心评论~