视频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 ...
 
随机推荐
- 『德不孤』Pytest框架 — 12、Pytest中Fixture装饰器(二)
			
目录 5.addfinalizer关键字 6.带返回值的Fixture 7.Fixture实现参数化 (1)params参数的使用 (2)进阶使用 8.@pytest.mark.usefixtures ...
 - phpstrom2019版永久破解
			
前言 : 首先进入软件,如果软件需要激活才能进入,可以在idea.medeming.com/jets,中下载激活码,以方便进入 然后按照下面的步骤操作 1.下载补丁 链接:https://pan.ba ...
 - Linux安装JDK8环境
			
1.下载JDK包 点击同意下载后,会让你注册oracel账号,登录了才能下载 2.上传到linux服务器,然后解压 解压命令(注意jdk的版本名称不一定相同): tar -zxvf jdk-8u181 ...
 - 手写 Vue 系列 之 从 Vue1 升级到 Vue2
			
前言 上一篇文章 手写 Vue 系列 之 Vue1.x 带大家从零开始实现了 Vue1 的核心原理,包括如下功能: 数据响应式拦截 普通对象 数组 数据响应式更新 依赖收集 Dep Watcher 编 ...
 - dopamine源码解析之dqn_agent
			
目录 epsilon函数 DQNAgent构造函数核心参数 DQNAgent核心函数 tf.make_template 核心数据流图 epsilon函数 linearly_decaying_epsil ...
 - Java8 中的流式数据处理
			
java8的流式处理极大了简化我们对于集合.数组等结构的操作,让我们可以以函数式的思想去操作,本篇文章将探讨java8的流式数据处理的基本使用. 一. 流式处理简介 在我接触到java8流式处理的时候 ...
 - Linux指令入门-系统管理(云小宝码上送祝福,免费抽iphone13任务)
			
码上送祝福,带云小宝回家 做任务免费抽iphone13,还可得阿里云新春限量手办 日期:2021.12.27-2022.1.16 云小宝地址:https://developer.aliyun.com/ ...
 - 74CMS 3.0 SQL注入漏洞后台
			
代码审计工具:seay CMS:74CMS3.0 一. 启动环境 1.双击运行桌面phpstudy.exe软件 2.点击启动按钮,启动服务器环境 二.代码审计 1.双击启动桌面Seay源代码审计系统软 ...
 - K-good   number Theory + 数学问题
			
这道题是我做CodeTon Round1时的D题,总的来看思路很重要,有几个比较明显的切入问题的角度,要选择到最优的那个: 先看题目: 我们可以发现,这道题的描述一目了然,就是说我们能不能找k个数的和 ...
 - leedCode
			
https://blog.csdn.net/code_yilia/category_9851007.html https://blog.csdn.net/qq_17550379/article/det ...