사용 라이브러리 (Plyr는)

나는 AngularJS와와 Plyr를 사용하고 싶습니다,하지만 난 AngularJS와 함께 plyr를 설치할 때, Plyr는사용 라이브러리 (Plyr는)

내가 포함되어 있어야 작동하지 않습니다

<html> 
<head> 
<link rel="stylesheet" href="https://cdn.plyr.io/1.7.0/plyr.css"> 

</head> 
<body> 

<script src="https://cdn.plyr.io/1.7.0/plyr.js"></script> 

<div id="plyr" data-type="youtube" data-video-id="bTqVqk7FSmY"></div> 

<script> 
var player = plyr.setup(document.querySelector('#plyr'), { 
    debug: true 
}); 

</script> 


</body> 
</html>

I을 지시문을 만들려고 :

(function(){ 
    'use strict'; 

    angular.module('ngPlyr', []); 

    angular.module('ngPlyr').directive('plyr', function() { 
     return { 
      template: '<div id="plyr" data-type="youtube" data-video-id="bTqVqk7FSmY"></div>' 
     }; 
    }) 

})();

및

<div plyr></div>

출처

2016-06-21 Jérémie Chazelle

지시문 내부에 Plyr을 초기화해야합니다 (link 기능). 이 같은 것이 작동해야합니다.

(function(){ 
    'use strict'; 

    angular.module('ngPlyr', []); 

    angular.module('ngPlyr').directive('plyr', function() { 
     return { 
      template: '<div data-type="youtube" data-video-id="bTqVqk7FSmY"></div>', 
      link: function(scope, element, attrs) { 
       var player = plyr.setup(element, { debug: true }); 
      } 
     }; 
    }) 

})();

출처

2016-06-21 17:16:20 dmackerman

답변

관련 문제