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

最新推荐文章于 2025-04-07 12:38:32 发布

转载最新推荐文章于 2025-04-07 12:38:32 发布 · 3.9k 阅读

4 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fan-bk/p/8527485.html

文章标签：

#javascript #python #前端 #ViewUI

网页视频播放插件

发现阿里云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>