プレイヤー開発者の基本:コードを書く準備をする

このトピックでは、プレーヤーを制御するコードを記述するための準備を整える標準的なベストプラクティステンプレートを作成する方法を学びます。

ステップ

高度な実装プレーヤーコードのインスタンスを HTML ページに貼り付けます。

<video data-video-id="5831704295001"
  data-account="921483702001"
  data-player="Uj7Yz80yM"
  data-embed="default"
  data-application-id
  class="video-js"
  controls
  width="640"
  height="360"></video>
<script src="//players.brightcove.net/921483702001/Uj7Yz80yM_default/index.min.js"></script>

id<video>タグに属性を追加し、その属性にmyPlayerID。
```
<video id="myPlayerID"
```
<script></body>タグのすぐ上にブロックを追加します。
scriptブロックで、videojs.getPlayer()メソッドを使用して、ページ上のプレーヤーへの参照を取得します。id前に追加したをメソッドの引数として使用します。
```
<script>
  videojs.getPlayer('myPlayerID')
</script>
```
ready()メソッドを使用し、引数として匿名コールバック関数を記述します。
```
<script>
  videojs.getPlayer('myPlayerID').ready(function() {

  )};
</script>
```
myPlayer無名関数で指定された変数を宣言しthis、それに匿名のコンテキストでプレーヤーを表すキーワードを割り当てます関数。
```
var myPlayer = this;
```

完了したコード

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Preparing to Write Code</title>
</head>

<body>

<video id="myPlayerID"
  data-video-id="5831704295001"
  data-account="921483702001"
  data-player="Uj7Yz80yM"
  data-embed="default"
  data-application-id
  class="video-js"
  controls
  width="640"
  height="360"></video>
<script src="//players.brightcove.net/921483702001/Uj7Yz80yM_default/index.min.js"></script>

<script>
  videojs.getPlayer('myPlayerID').ready(function() {
    var myPlayer = this;
  )};
</script>

</body>

</html>

ページコンテンツ

プレイヤー開発者の基本:コードを書く準備をする

ステップ

完了したコード