TypeError : 제공된 요소 또는 ID가 유효하지 않습니다. (videojs) 각도 이방성

Question

내 ionic app와 함께 videojs를 통해 비디오 플레이어를 제어하려고합니다. 나는 내 컨트롤러의 내부에 가지고있는 코드는 : 나는 템플릿 코드의 모든 기다릴 수명주기 이벤트 $ ionicView.loaded를 사용

 $scope.$on('$ionicView.loaded', function() { 
      console.log('view loaded!!!'); 
      if ($scope.post.media.length > 0) { 
       var myPlayer = null; 
       for (var i = 0; i < $scope.post.media.length; i++) { 
        videojs("bc-video-0").ready(function() { 
         myPlayer = this; 
        }); 

        myPlayer.on('loadstart', function() { 
         console.log('well something happened'); 
        }) 
       } 
      } 
     }); 

페이지에로드 할 수 있습니다.

  <div ng-repeat = "video in post.media | limitTo:videoLimit" class="video-box"> 
       <!--limitTo:videoLimit |--> 
       <h3 class="video-title">{{video.title}}</h3> 
       <p ng-bind-html = "video.info"></p> 
       <!-- BRIGHTCOVE --> 
       <div style="display: block; position: relative; width: 100%;" > 
        <div style="display: block; position: relative; width: 100%;"> 
         <div style="display: block; padding-top: 56.25%;" data-tap-disable="true"> 
          <video 
            id="{{'bc-video-' + $index}}" 
            style="width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;" 
            data-video-id=" {{video.file}}" 
            data-account="XXXXXXXXXX" 
            data-player="XXXXXXXXXX" 
            data-embed="default" 
            class="video-js" 
            controls=""> 
           <source ng-src = "{{video.src | trusted}}"> 
          </video> 

         </div> 
        </div> 
       </div> 
       <p style="display: none;">source: {{video.src}}</p> 
      </div> 

하지만 오류가 계속 : 그럼 내 템플릿 파일에 내가 가진 내가 첫 번째 동영상 ID가 실제로 BC-비디오-0, 어떤 생각에 것을 볼 검사 할 때

TypeError: The element or ID supplied is not valid. (videojs) 

을 나는 무엇을 놓치고 있습니까?

Answer 1

스크립트를 $ timeout() 안에 넣으십시오. 같은 문제가있었습니다.