博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Video.js 一一 使用
阅读量:7063 次
发布时间:2019-06-28

本文共 1187 字,大约阅读时间需要 3 分钟。

vedio.js 是一款视频播放插件,它会自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。下面来介绍下它的使用:

引用video-js.cs样式文件和video.js

设置flash播放器的路径,如果你的浏览器不支持html5,将会使用flash播放

body部分,这里支持三种格式MP4,webm,ogg,也可以设置网络路径,poster:视频的封面图片

自动播放:

一些参数:

var myPlayer = videojs(“example_video_1″);//获取对象,example_video_1就是video标签的id值 myPlayer.play();//播放myPlayer.pause();//暂停var whereYouAt = myPlayer.currentTime();//获取播放进度:myPlayer.currentTime(120);//设置播放进度:var howLongIsThis = myPlayer.duration();//视频持续时间,加载完成视频才可以知道视频时长,且在flash情况下无效var whatHasBeenBuffered = myPlayer.buffered();//缓冲,就是返回下载了多少var howMuchIsDownloaded = myPlayer.bufferedPercent();//百分比的缓冲var howLoudIsIt = myPlayer.volume();//获取声音大小myPlayer.volume(0.5);//设置声音大小(0-1之间)var howWideIsIt = myPlayer.width();//取得视频的宽度myPlayer.width(640);//设置宽度var howTallIsIt = myPlayer.height();//获取高度myPlayer.height(480);//设置高度:myPlayer.size(640,480);//一步到位的设置大小:myPlayer.enterFullScreen();//全屏//自定义事件var myFunc = function(){// Do something when the event is fired};//添加事件myPlayer.addEvent(“eventName”, myFunc);//删除事件myPlayer.removeEvent(“eventName”, myFunc);

附:

转载于:https://www.cnblogs.com/nee32/p/4990875.html

你可能感兴趣的文章
mysql 查询缓存配置和查看
查看>>
水王(课堂作业)
查看>>
linux 新添加的硬盘格式化并挂载到目录下
查看>>
学习指引
查看>>
CF&&CC百套计划2 CodeChef December Challenge 2017 Total Diamonds
查看>>
JAVA入门学习: 方法参数的传递(函数传参问题)
查看>>
补第一阶段冲刺站立会议7(应发表日期5月19日)
查看>>
【剑指offer】08二叉树的下一个节点,C++实现
查看>>
局域网络ping不通
查看>>
面向对象如何编写
查看>>
「视频直播技术详解」系列之二:处理
查看>>
zw版【转发·台湾nvp系列Delphi例程】HALCON SetLineStyle1
查看>>
Bzoj4710 [Jsoi2011]分特产
查看>>
pat甲级题目1001 A+B Format详解
查看>>
电话拨号示例
查看>>
day12-迭代器
查看>>
HTML5 <script>元素async,defer异步加载
查看>>
poj2299--归并排序求解逆序对
查看>>
About Common Crypto
查看>>
c/c++关键字分类:
查看>>