videoJs播放视频

2022-02-14 10:55 200阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Demo</title>
        <link rel="stylesheet" href="css/video-js.min.css">
    
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/video.min.js" type="text/javascript"></script>
    </head>
    <body>
    <div style="width: 450px;height: 500px;">
        <video id="demo" class="video-js vjs-default-skin vjs-big-play-centered"  controls preload="auto" width="250"
               height="250">
            <source src="qwe4q5e6q4weq4e2.mp4" type="video/mp4">
        </video>
    </div>
    
    <script>
        videojs('demo', {
            muted: true,//静音
            controls: true,//控制条
    /*        height: 300,
            width: 300,*/
            loop: false,//是否重新播放
            fluid: true //自适应容器
        });
    
        // videojs("demo",{
        //     controlBar:{
        //         remainingTimeDisplay:false,//重新播放按钮
        //         volumePanel:false//调节音量按钮
        //     }
        // });
    </script>
    
    
    </body>
    </html>

文章版权声明：注明蒲公英云原创文章，转载或复制请以超链接形式并注明出处。

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 播放m3u8视频( vue-videojs7)

1.安装插件 [Github地址][Github] npm install vue-videojs7 --save 2.封装组件VideoPlayer.vu

深碍√TFBOYSˉ_/ 2021年09月07日 18:34/ 0 赞/ 365 阅读

相关 videojs+hls+rtmp流媒体播放

前言：刚接触前端，小白一个，如有出错，请指正，谢谢！注：视频格式可以分为适合本地播放的本地影像视频和适合在网络中播放的网络流媒体影像视频两大类。一、互联网网络流媒

忘是亡心i/ 2021年12月21日 19:27/ 0 赞/ 351 阅读

相关视频播放器，基于videojs,NVR

web播放监控视频，基于EasyNVR获取直播链接进行播放。对播放器进行封装。源码下载 [码云][Link 1]或[GitHub][] HTML <!DOCTYPE

以你之姓@/ 2022年01月12日 15:41/ 0 赞/ 229 阅读

相关 videoJs播放视频

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

约定不等于承诺〃/ 2022年02月14日 10:55/ 0 赞/ 201 阅读

相关 videojs 播放.M3U8格式视频

1.原生video标签网页端只支持MP4、OGG、WebM的视频格式 2.直播的视频格式一般为.m3u8，如果不行对video进行格外处理，可以采用video.js插件

ゝ一世哀愁。/ 2022年03月09日 03:30/ 0 赞/ 635 阅读

相关 web视频播放器videojs

VideoJS 下载 Video.js CDN npm安装创建播放器设置自动设置手动设置

￡神魔★判官ぃ/ 2022年09月05日 20:39/ 0 赞/ 67 阅读

相关 videojs 直播播放HLS流 h264

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

古城微笑少年丶/ 2022年09月11日 21:24/ 0 赞/ 51 阅读

相关 videojs集成--播放rtmp流

[ ][Link 1]要是播不了的话，可以看下这篇文章。http://blog.csdn.net/cmqwan/article/details/76059703 之前说

た入场券/ 2022年09月27日 22:24/ 0 赞/ 60 阅读

相关 videoJS 播放 u3m8 格式视频Demo

videoJS 播放 u3m8 格式视频Demo [VideoJs 官网地址][VideoJs] <!DOCTYPE html> <html lan

ゞ浴缸里的玫瑰/ 2022年10月16日 09:56/ 0 赞/ 62 阅读

相关 videojs多个视频一起播放暂停

需求多个视频要用同一个进度条控制播放暂停 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

布满荆棘的人生/ 2022年11月03日 22:27/ 0 赞/ 56 阅读