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

  • 相关阅读:
    NodeJS Stream 五:双工流
    NodeJS Stream 四:Writable
    NodeJS Stream 三:readable
    NodeJS Stream 二:什么是 Stream
    NodeJS stream 一:Buffer
    JavaScript 精粹
    详解k8s中的liveness和readiness的原理和区别_转
    通过 GoLang 全面了解 HTTPS_转自知乎-腾讯技术
    golang之vim和vscode开发环境
    go命令工具补遗
  • 原文地址:https://www.cnblogs.com/fan-bk/p/8527485.html
Copyright © 2011-2022 走看看