阿里云oss视频上传不能在线播放,js,javascript,在线播放器,插件 - 倒霉的大熊

时间：2024-03-11 17:28:03

阿里云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、检查防盗链,读写权限，是否设置好。

相关文章