Grundlagen für Spielerentwickler: Benutzerdefiniertes Plugin - Weitergabe von Daten

In diesem Thema erfahren Sie, wie Sie Daten an ein benutzerdefiniertes Plugin übergeben.

Schritte

Platzieren Sie im benutzerdefinierten Plugin-Code ein options Parameter in der anonymen Funktion, die das Plugin definiert.
```
videojs.registerPlugin('navigateOnVideoEnd', function (options) {
  var myPlayer = this;
  ...
});
```

Verwenden Sie die gewünschten Eigenschaften des Parameterobjekts in Ihrem Plugin-Code zur Anpassung:

videojs.registerPlugin('navigateOnVideoEnd', function (options) {
  var myPlayer = this;
  ...
  window.location.href = options.redirectURL;
});

Erstellen Sie auf der HTML-Seite, die das Plugin aufruft, ein Objekt mit den erforderlichen Eigenschaften:

<script>
  videojs.getPlayer('myPlayerID').ready(function() {
    var myPlayer = this,
       options = {"redirectURL": "http://support.brightcove.com"};
    ...
  });
</script>

Übergeben Sie beim Aufrufen des benutzerdefinierten Plugins die options Objekt als Parameter:

<script>
  videojs.getPlayer('myPlayerID').ready(function() {
    var myPlayer = this,
       options = {"redirectURL": "http://support.brightcove.com"};
    myPlayer.navigateOnVideoEnd(options);
  });
</script>

Wenn Sie Studio verwenden, übergeben Sie das Optionsobjekt über das an das benutzerdefinierte Plugin Optionen (JSON) Formularelement:

Vollständiger Code

Plugin-Code

videojs.registerPlugin('navigateOnVideoEnd', function (options) {
  var myPlayer = this;
  myPlayer.on('ended', function () {
    window.location.href = options.redirectURL;
  });
});

Code zum Aufrufen von HTML-Seiten

<video-js id="myPlayerID"
  data-video-id="5701193190001"
  data-account="1752604059001"
  data-player="default"
  data-embed="default"
  data-application-id=""
  controls=""
  width="640"
  height="360"></video-js>
<script src="//players.brightcove.net/1752604059001/default_default/index.min.js"></script>

<script src="redirect.js"></script>

<script>
  videojs.getPlayer('myPlayerID').ready(function() {
    var myPlayer = this,
       options = {"redirectURL": "http://support.brightcove.com"};
    myPlayer.navigateOnVideoEnd(options);
  });
</script>