vedio-js的视频插件用法 

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Vedio_Js使用</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" href="css/video-js.css">
        <script src="js/video.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" src="http://img.huiyiguanjia.com/CDNFile/jquery/jquery-1.10.2.min.js"></script>
    </head>

    <body>
        <style>
            /*调整播放按钮*/
            .type3_3s_02 .video-js .vjs-big-play-button {
                width: 1.5em;
                height: 1.5em;
                border-radius: 50%;
                font-size: 2.5em;
                margin-left: -0.7em;
                margin-top: -1em;
                line-height: 1.4em;
            }
            
            .type3_4s_02 .video-js .vjs-big-play-button {
                width: 2em;
                height: 2em;
                border-radius: 50%;
                font-size: 3em;
                line-height: 1.8em;
            }
        </style>

        <div class="fl type3_4s_02">
            <div class="video-box1">
                <video class="video-js vjs-default-skin vjs-big-play-centered" loop controls preload="none" width="412" height="230" webkit-playsinline="true" playsinline="true" poster="img/vedio4.jpg" data-setup="{}">
                    <source src="vedio/4.mp4" type='video/mp4' />
                    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track>
                    <!-- Tracks need an ending tag thanks to IE9 -->
                    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track>
                    <!-- Tracks need an ending tag thanks to IE9 -->
                </video>
            </div>
        </div>

    </body>

</html>

 文件下载路径：https://i.cnblogs.com/Files.aspx  ——vedio_js.zip

单独下载css/JS：http://xiaxiaoxia.top/Data/css/video-js.css，http://xiaxiaoxia.top/Data/js/video.min.js

posted @ 2019-04-18 14:05  夏小夏吖  阅读(710)  评论(0)  编辑  收藏  举报