简介
在前端开发过程中，使用视频播放器是很常见的需求。video.js 是一个流行的 HTML5 视频播放器库，它支持多种媒体格式和交互式控制。但是，由于一些技术限制（比如浏览器兼容性、安全限制），有时候需要使用 Flash 播放器来解决这些问题。videojs-swf 就是一个基于 Flash 的插件，可以让我们在某些情况下使用 Flash 播放器来播放视频。
安装
首先，我们需要在项目中安装 videojs 和 videojs-swf：
npm install --save video.js videojs-swf
引入
引入 videojs 和 videojs-swf，并且在页面加载完成后初始化视频播放器对象。
-- -------------------- ---- -------
---- -- --- ---
----- ----------------------------------------------- -----------------
---- -- -- ---
------- ----------------------------------------------------
---- -- --- -- ---
------- -------------------------------------------------------
---- -- ----- -- ---
------ ------------- --------------- ----------------- -------- -------------- ----------- -------------
------- ------------------ -----------------
--------
--------
-- ----------
--- ------ - ------------------- -
---------- --------- --------
---
---------在上面的代码中，我们首先引入了 video.js 和 video-js.swf，然后创建一个 video 元素，并且设置一些基本属性（比如 src、id、class、width 和 height），最后在 JavaScript 中初始化视频播放器对象，把 techOrder 属性设置为 ['flash', 'html5']，表示优先使用 Flash 播放器。
使用示例
播放视频
通过调用 player.play() 方法播放视频。
player.play();
暂停视频
通过调用 player.pause() 方法暂停视频。
player.pause();
跳转到指定时间
通过调用 player.currentTime(seconds) 方法跳转到指定时间（单位：秒）。
player.currentTime(30);
获取当前播放时间
通过访问 player.currentTime() 属性获取当前播放时间（单位：秒）。
var currentTime = player.currentTime(); console.log(currentTime);
获取视频总时长
通过访问 player.duration() 属性获取视频总时长（单位：秒）。
var duration = player.duration(); console.log(duration);
总结
本文介绍了如何使用 npm 包 videojs-swf 来解决使用 Flash 播放器播放视频的问题。我们首先安装了 video.js 和 videojs-swf，然后在页面中引入这两个库，并且初始化一个视频播放器对象。最后，我们还提供了一些常用的方法和属性，并且给出了相应的示例代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/37449