- 当前位置：首页 >人工智能 >video.js简单使用
video.js简单使用
发布时间：2025-11-05 10:42:16 来源：创站工坊 作者：域名
Video.js 是单使一个通用的在网页上嵌入视频播放器的 JS 库。Video.js 自动检测浏览器对 HTML5 的单使支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。亿华云计算单使通过相关js可支持IE8，单使IE9及以上本就支持h5。单使
插件支持自定义组建按钮(个人测试5.0及以上版本自定义按钮失效)，单使支持视频静态图片指定等。单使
<%-- Created by IntelliJ IDEA. User: 张勇波 Date: 2017/1/4 Time: 15:29 --%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>videojs demo</title> <link href="video-js-5.15.1/video-js.min.css" rel="stylesheet"> <script src="video-js-5.15.1/ie8/videojs-ie8.min.js"></script> <script src="video-js-5.15.1/video.min.js"></script> <script src="video-js-5.15.1/lang/zh-CN.js"></script> <script src="video-js-5.15.1/jquery.min.js"></script> <script> videojs.options.flash.swf = "video-js-5.15.1/video-js.swf"; </script> </head> <body> <video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto"> <%--字幕文件地址--%> <track src="video-js-5.15.1/examples/elephantsdream/captions.en.vtt" srclang="en" label="English" kind="caption"> <track src="video-js-5.15.1/examples/elephantsdream/captions.ar.vtt" srclang="zh-cn" label="简体中文" kind="caption" default> </video> <input type="button" onclick="state(play)" value="开始"> <input type="button" onclick="state(pause)" value="暂停"> <% String mp4 = request.getParameter("mp4"); String picture = request.getParameter("picture"); %> <script type="text/javascript"> var myvideo; function videojs_run() { var mp4 = "<%=mp4%>"; var picture = "<%=picture%>"; //播放类型支持，单使mp4、站群服务器单使webm、单使ogg myvideo = videojs(my-video,单使 { plugins: {//调用插件 // examplePlugin: {exampleOption: false} }, language: "zh-CN", loop: false,//循环播放 autoplay: false,//自动播放 // width: "1270",//宽度 // height: "663",//高度 poster: picture,//静态封面 }, function () { // 播放器初始化后回调 this.src(mp4); // this.play();//播放 // this.pause();//暂停 this.volume(0.3); // this.load(); }); } function state(val) { if (val == "play") { myvideo.play(); } else if (val == "pause") { myvideo.pause(); } } /** * 编辑插件 * @param options */ function examplePlugin(options) { this.on(play, function (e) { alert(playback has started!); }); this.on(pause, function (e) { alert(pause has started!); }); } //注册插件 videojs.plugin(examplePlugin, examplePlugin); $(function () { videojs_run(); }); </script> </body> </html> 【本文是专栏作者张勇波的原创文章，转载请通过获取作者授权】
戳这里，单使看该作者更多好文
单使香港云服务器- 美图手机T8评价（美图T8手机评测报告，带你领略拍照新境界）
- MySQL高可用各个技术的比较
- 维修站里发生什么？这是你未曾了解的F1！
- NoSQL数据库概览及其与SQL语法的比较
- Ubuntu装上后，就立刻把php开发装上了，不过在打开zend studio 的时候，不支持中文。网上查了一下，原来是zend自带的jre不支持中文字体。在这把解决方法记下，以备后用。 1.在 /usr/local/Zend/ZendStudio-5.5.1/jre/lib/fonts/ 中建立文件夹 fallback 2.拷字体 simsun.ttc到这个目录。这个字体可以在windows系统中找到(比如C:windowsfonts). 重启zend，ok。
- Python基础之序列类型的方法——列表&元组
- 大数据Hadoop技术在银行的七个应用实例
- 一篇文章带你了解 CSS 属性选择器
- lativ的衣服究竟好不好？（从款式到质量，一网打尽）
- 中小企业大数据应用之道:思维在于借力
- 以朵唯A3手机质量如何？（全面评测以朵唯A3手机，看它的性能、设计和用户体验如何）
- 大数据议题：分析与直觉之争
- 这5个理由让软件架构师积极拥抱低代码
- 盘点俄罗斯大神写的几款软件，你用过几个？最后一个是我的童年
- Ubuntu的网络参数保存在文件 /etc/network/interfaces中，默认设置使用dhcp，内容如下：# The primary network interfaceauto eth0iface eth0 inet dhcp设置静态ip的方法如下：（1）编辑 /etc/network/interfaces1.1）将dhcp 一行屏蔽# The primary network interfaceauto eth0#iface eth0 inet dhcp1.2）添加和静态ip有关的参数# The primary network interfaceiface eth0 inet staticaddress 192.168.0.10netmask 255.255.255.0gateway 192.168.0.1（2）编辑 /etc/resolv.conf，设置dnsnameserver 202.96.134.133nameserver 202.106.0.20（3）执行下面两个命令，启用新设置$sudo ifdown eth0$sudo ifup eth0
- 什么是好的错误消息? 讨论一下Java系统中的错误码设计
- 数字化转型不再是问题，问题是你怎么选？！
- 维修站里发生什么？这是你未曾了解的F1！
- 神舟战神电脑BIOS教程（解锁潜能，掌握BIOS设置，让战神更强大）
- 别再用 httpClient了，快试试这款优雅的 HTTP 客户端工具！
随便看看
源码库益华科技IT资讯网香港云服务器亿华云服务器租用源码下载IT技术网企商汇汇智坊亿华灵动多维IT资讯运维纵横极客码头编程之道亿华互联益强智未来亿华云计算全栈开发创站工坊IT资讯网亿华科技益强数据堂思维库益强IT技术网益强智囊团智能时代益华IT技术论坛码上建站亿华云亿华智慧云技术快报极客编程益强前沿资讯科技前瞻益华科技码力社亿华智造云智核益华科技益强科技益强科技益强资讯优选云站无忧
- Copyright © 2025 Powered by video.js简单使用,创站工坊 滇ICP备2023006006号-44sitemap