简介
bc-video-player
是一个基于 Brightcove 的 Video Cloud 的 HTML5 播放器。它可以用于在网站上播放音频和视频。这个教程将会教你如何使用 bc-video-player
来在你的网站上播放视频。
安装
使用 npm 包管理器安装 bc-video-player
:
--- ------- --------------- ------
导入
使用类似下面这样的语句导入 bc-video-player
:
------ ------------- ---- ------------------
HTML
添加一个用于放置播放器的 div
元素到你的 HTML 页面:
---- ---------------------------
配置
配置播放器,并传入视频 ID 和其他参数:
----- ------ - --- --------------- ------------ ------------------ ---------- -------------------- -------- ------------------ --------- ------------------- -------- ------------------ ---------- ------------------- ---
参数说明:
containerId
: 用于放置播放器的div
元素的 ID。accountId
: Video Cloud 账户 ID。videoId
: 要播放的视频 ID。playerId
: 播放器 ID。embedId
: 嵌入 ID。playerKey
: 播放器密钥。
操作
播放视频:
--------------
暂停视频:
---------------
跳转到指定时间:
----------------
显示/隐藏控制器:
--------------------------
获取当前时间:
----- ----------- - ------------------------ -------------------------
结论
bc-video-player
是一个非常容易使用的 HTML5 播放器,它可以很容易地集成到任何网站中。通过这个教程,你已经学会了如何使用这个播放器来播放视频,并且学习了一些最基本的操作方法。希望这个教程能够对你带来帮助。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005604981e8991b448de750