阿里云oss视频上传不能在线播放,js,javascript,在线播放器,插件

网页视频播放插件

发现阿里云oss储存,上传了视频不能在线播放。

解决方法:使用插件播放即可解决。

<html>
<head>
<meta charset="utf-8">
<title>Video.js 6.2.8</title>
<link href="http://www.jq22.com/demo/video-js/css/video-js.css" rel="stylesheet">
<style>
body{background-color: #191919}
.m{ width: 740px; height: 400px; margin-left: auto; margin-right: auto; margin-top: 100px; }
</style>
</head> <body>
<div class="m">
<video id="my-video" class="video-js" controls preload="auto" width="740" height="400"
poster="m.png" data-setup="{}">
<source src="这里填写阿里云oss,视频地址" type="video/mp4">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<script src="http://www.jq22.com/demo/video-js/js/video.min.js"></script>
<script type="text/javascript">
var myPlayer = videojs('my-video');
videojs("my-video").ready(function(){
var myPlayer = this;
myPlayer.play();
});
</script>
</div> </body>
</html>

如果不能播放:

1、这里测试mp4可行,其他请自行测试。

2、检查防盗链,读写权限,是否设置好。

上一篇:SpringBoot整合阿里云OSS文件上传、下载、查看、删除


下一篇:PIL Image 转成 wx.Image、wx.Bitmap