视频Video放器的部分实例方法
***创建一个视频播放器实例
let myPlayer = this.$video(myVideo, {
    controls: true,
    autoplay: 'muted',
    preload: "auto",
 });
- 创建实例后,可以通过两种方式全局访问它:
this.$video.players.myVideo;
this.$video(myVideo);
- 删除实例:dispose()
从播放器中删除所有事件侦听器。
删除播放器的DOM元素
myPlayer.on("ended", function() {
    this.dispose();
});
- 改变播放器音量:volume
可以通过volume播放器上的功能更改播放器的音量。音量功能接受0-1的数字。不带参数调用它将返回当前音量
myPlayer.ready(function() {
     // get
     let howLoudIsIt = myPlayer.volume();
     // set
     myPlayer.volume(0.1);
});
使用播放信息功能
play 可用于在具有源的播放器上开始播放。
 myPlayer.ready(function() {
    myPlayer.play();
  });
pause 可用于暂停正在播放的播放器的播放。
myPlayer.ready(function() {
    myPlayer.play();
    myPlayer.pause();
});
paused 可用于确定播放器当前是否暂停。
myPlayer.ready(function() {
      // true
     console.log(myPlayer.paused());
     // false
     console.log(!myPlayer.paused());
     myPlayer.play();
     // false
     console.log(myPlayer.paused());
     // true
     console.log(!myPlayer.paused());
     myPlayer.pause();
     // true
     console.log(myPlayer.paused());
     // false
     console.log(!myPlayer.paused());
});
currentTime 提供当前正在播放的当前时间(以秒为单位)。
myPlayer.ready(function() {
      // 将当前时间设置为视频中的10秒钟
      myPlayer.currentTime(10);
      // 得到当前时间 10
      let whereYouAt = myPlayer.currentTime();
});
duration 提供正在播放的视频的总持续时间
let lengthOfVideo = myPlayer.duration()
bufferedPercent 提供缓冲视频的当前百分比。
let howMuchIsDownloaded = myPlayer.bufferedPercent();
处理播放器上的来源或海报
 myPlayer.src({type: "video/mp4", src: "http://www.example.com/path/to/video.mp4"});
提供多个版本,以便可以跨浏览器使用HTML5播放,可以使用源对象数组。Video.js将检测支持的版本并加载该文件
myPlayer.src([
{type: "video/mp4", src: "http://www.example.com/path/to/video.mp4"},
{type: "video/webm", src: "http://www.example.com/path/to/video.webm"},
{type: "video/ogg", src: "http://www.example.com/path/to/video.ogv"}
]);
通过API更改设置海报。
// set
myPlayer.poster('http://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1503383566,3103179148&fm=26&gp=0.jpg');
// get
console.log(myPlayer.poster());
获取播放器所有信息
var tech = myPlayer.tech({IWillNotUseThisInPlugins: true});
console.log(tech)
视频Video放器的部分实例方法的更多相关文章
- HandBrake 开源视频转码器、编码转换器、格式转换器
		HandBrake 开源视频转码器.编码转换器.格式转换器 点击下图进入官网下载页面:https://handbrake.fr/downloads.php macOS 下可能会阻止安装! 其实也不是安 ... 
- iOS视频倒放
		iOS视频倒放 视频的倒放就是视频从后往前播放,这个只适应于视频图像,对声音来说倒放只是噪音,没什么意义,所以倒放的时候声音都是去除的. 倒放实现 一般对H264编码的视频进行解码,都是从头至尾进行的 ... 
- canvas 视频音乐播放器
		canvas 视频音乐播放器 var play_nor_img_path = 'images/play_btn_n.png'; //播放按钮 正常时 60x60 px var play_sec_img ... 
- 基于VLC库C#开发可播放摄像头及任意格式视频的播放器
		前言 本文主要讲述,在WPF中,借助Vlc.DotNet调用VLC类库,实现视频播功能,下面我们先来做开发前的准备工作. 准备工作 首先,我们创建一个项目WpfVLC,然后,进入Neget搜索Vlc. ... 
- hapv-一个可以播放,下载国内主流视频的播放器
		electron 开发的一个可以播放,下载国内主流视频的播放器.A player developed by electron that can play and download domestic m ... 
- 最简单的基于FFmpeg的移动端例子:IOS 视频转码器
		===================================================== 最简单的基于FFmpeg的移动端例子系列文章列表: 最简单的基于FFmpeg的移动端例子:A ... 
- 去掉video视频播放器下的下载按钮
		去掉video视频播放器下的下载按钮: video::-internal-media-controls-download-button { display:none; } video::-webkit ... 
- 最简单的基于FFmpeg的移动端样例:IOS 视频转码器
		===================================================== 最简单的基于FFmpeg的移动端样例系列文章列表: 最简单的基于FFmpeg的移动端样例:A ... 
- 最简单的基于FFmpeg的移动端样例:Android 视频转码器
		===================================================== 最简单的基于FFmpeg的移动端样例系列文章列表: 最简单的基于FFmpeg的移动端样例:A ... 
随机推荐
- ArcScene数据与Sketchup数据的交互
			博主给大家介绍一下ArcScene数据与Sketchup数据的交互. 应用软件:ArcGIS10.2.Sketchup.Photoshop (1)利用Google earth影像采集小区主要建筑物.可 ... 
- 初探 Elasticsearch,学习笔记第一讲
			1. ES 基础 1.1 ES定义 ES=elaticsearch简写, Elasticsearch是一个开源的高扩展的分布式全文检索引擎,它可以近乎实时的存储.检索数据:本身扩展 ... 
- Spring——初识
			1.1 使用 导包:Spring Web MVC(maven) <!-- https://mvnrepository.com/artifact/org.springframework/sprin ... 
- 采用二进制文件方式安装loki和promtail
			1. 下载二进制文件 官方下载地址:https://github.com/grafana/loki/releases 下载如图所示的这俩文件,Grafana采用yum方式安装 cd /usr/loca ... 
- HTTP 之 Content-Type
			Content-Type,内容类型,一般是指网页中存在的Content-Type,用于定义网络文件的类型和网页的编码,决定文件接收方将以什么形式.什么编码读取这个文件,这就是经常看到一些Asp网页点击 ... 
- MapReduce: Simplified Data Processing on Large Clusters 翻译和理解
			MapReduce: Simplified Data Processing on Large Clusters 概述 MapReduce 是一种编程模型,用于处理和生成大型数据集的相应实现.用户定义一 ... 
- 版本控制工具之git的常用命名01
			基本命令 从git远程仓库导出项目:git clone http://127.0.0.1/name_master/server.git 从git远程仓库拉取代码:git pull 查看本地仓库状态:g ... 
- Badger简单使用
			Badger简介 badger 是 dgraph 开源的 LSMTree 的 KV 引擎,它相比 leveldb 有 KV 分离.事务.并发合并等增强,是 go 生态中比较生产级的存储引擎了. 文档: ... 
- Chroot 特性 ?
			3.2.0 版本后,添加了 Chroot 特性,该特性允许每个客户端为自己设置一个命名 空间.如果一个客户端设置了 Chroot,那么该客户端对服务器的任何操作,都将 会被限制在其自己的命名空间下. ... 
- OpenSSL实现了5种信息摘要算法有哪些?
			OpenSSL实现了5种信息摘要算法,分别是MD2.MD5.MDC2.SHA(SHA1)和RIPEMD.SHA算法事实上包括了SHA和SHA1两种信息摘要算法.此外,OpenSSL还实现了DSS标准中 ... 
