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

  • 相关阅读:
    第三届蓝桥杯CC++B组3
    第三届蓝桥杯CC++B组2
    第三届蓝桥杯CC++B组1
    第四届蓝桥杯c/c++B组3
    第四届蓝桥杯c/c++B组4
    第四届蓝桥杯c/c++B组5
    Nodejs RESTFul架构实践之api篇
    Request —— 让 Node.js http请求变得超简单
    [转]在SqlServer 中解析JSON数据
    JavaScript异步编程的Promise模式
  • 原文地址:https://www.cnblogs.com/fan-bk/p/8527485.html
Copyright © 2011-2022 走看看