zoukankan      html  css  js  c++  java
  • 阿里云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、检查防盗链,读写权限,是否设置好。

  • 相关阅读:
    BZOJ 1192 鬼谷子的钱袋
    BZOJ 1012 最大数maxnumber
    BZOJ 3209 花神的数论题
    线段树讲解(数据结构、C++)
    BZOJ 1087 互不侵犯king
    BZOJ 2732: [HNOI2012]射箭
    BZOJ 1043: [HAOI2008]下落的圆盘
    BZOJ 4451: [Cerc2015]Frightful Formula
    BZOJ 2888: 资源运输
    BZOJ 4800: [Ceoi2015]Ice Hockey World Championship
  • 原文地址:https://www.cnblogs.com/fan-bk/p/8527485.html
Copyright © 2011-2022 走看看