플러그인에 데이터 전달

이 항목에서는 플러그인 초기화에 사용할 데이터를 플러그인에 전달하는 방법을 알아 봅니다.

옵션 속성 정의

플러그인을 호출 할 때 추가로options하위 속성plugins . 그만큼options속성은 객체 여야하지만 객체 배열과 같은 복잡한 데이터 구조를 포함 할 수 있습니다.

다음은 필요한 플러그인 속성을 보여주는 curl 문 부분입니다. name자식 속성 및 선택 사항options자식 속성. 전달 된 데이터options그런 다음 플러그인에서 속성을 사용할 수 있습니다.

"plugins": [{
  "name": "navigateOnVideoEnd",
  "options" : {"redirectURL": "http://docs.brightcove.com"}
}]

옵션 속성을 사용할 때도 사용할 수 있습니다. embed_in_page플레이어 태그가 iframe이 아닌 HTML 페이지에있는 플레이어 구현 이렇게하려면 데이터 개체를 만들고 인수로 전달하면됩니다. 여기에 예가 나와 있습니다.

<script type="text/javascript">
  var options = {"redirectURL": "http://docs.brightcove.com"};
</script>
<script>videojs.getPlayer('myPlayerID').navigateOnVideoEnd(options);</script>

옵션 데이터 사용

그만큼options속성은 플러그인 초기화에 사용할 플레이어 구성을 통해 플러그인에 데이터를 전달할 수있는 기능을 제공합니다. 예를 들어 위에 표시된redirectURL객체를 사용하려면 플러그인 자체에서 다음을 수행합니다.

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

참고: 표준 플러그인 구현을 사용하지만 익명 함수에서는 매개options변수로 사용합니다. 그런 다음options.propertyName표기법을 사용하여 값에 액세스 할 수 있습니다.