阿里oss直连视频地址播放

仅需替换oss地址即可,nice

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<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>