Player 開発者向け基本情報:カスタムプラグイン - その理由と方法
このトピックでは、カスタムプラグインを使用する理由と、それらを開発するための高度な手順について説明します。
なぜカスタムプラグイン?
- 同じコードを複数の場所に複製しない
- プラグインに関連付けられているすべてのコードは、 player
ステップ
- 拡張されたコード player 機能性
- CSSだけを含む新しいファイルを作成します。
- JavaScriptを含む新しいファイルを作成します
- を使用するコード行の変更
getPlayer()
方法
- CSSファイルとJavaScriptファイルにリンクしてから、カスタムプラグインを呼び出します。
完全なコード
メインHTMLページ
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="custom-plugin.css" rel="stylesheet">
</head>
<body>
<video id="myPlayerID"
data-video-id="5992439742001"
data-account="1752604059001"
data-player="default"
data-embed="default"
data-application-id
class="video-js"
controls
width="640" height="360"></video>
<script src="//players.brightcove.net/1752604059001/default_default/index.min.js"></script>
<script src="custom-plugin.js"></script>
<script>
videojs.getPlayer('myPlayerID').ready(function() {
var myPlayer = this;
myPlayer.pluginName();
});
</script>
</body>
</html>
カスタムプラグインのJavaScript
videojs.registerPlugin('pluginName', function() {
var myPlayer = this;
// Complete JavaScript
// ...
});
カスタムプラグインのCSS
/*
CSS Here
*/