我遇到了与angularjs一起使用的Youtube Iframe Api的问题.
我认为问题是调用"onYouTubeIframeAPIReady"功能.
我使用带路线的angularjs,当路线改变时功能不会触发,但是当我按下F5时,玩家就可以加载了.
有没有办法让angularjs与路由和youtube API工作？
我没有设法在代码中添加更多文件,但"pageX.htm"看起来像这样:
<button ng-click="video()">Create</button>
<div youtube-player id="test-playerX" ></div>
还有"index.htm"的代码
<!DOCTYPE html>
<html ng-app="sc">
<body>
Homepage - <a href="#page1">Page1</a> - <a href="#page2">Page2</a>
<div ng-view></div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://code.angularjs.org/1.4.3/angular-route.min.js"></script>
<script>
var sc = angular.module('sc', ['ngRoute']);
sc.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/page1', {
templateUrl: 'page1.htm'
})
.when('/page2', {
templateUrl: 'page2.htm'
})
}]);
// Run
sc.run(['$rootScope', function($rootScope) {
var tag = document.createElement('script');
// This is a protocol-relative URL as described here:
// http://paulirish.com/2010/the-protocol-relative-url/
// If you're testing a local …