当前位置：首页 > 技术杂坛 > 正文内容

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

zhangchap3年前 (2020-11-23)技术杂坛926

初次尝试用 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>

分享给朋友：

返回列表

上一篇：destoon数据库优化,实现单台几百万数据下秒级速度

下一篇：requests超时，重试(Python请求的高级用法)