我是AngularJS的新手,我有一个应用程序,使用AngularJS在弹出窗口中播放youtube视频。
问题在于,每当使用F5加载页面或从浏览器“重新加载”页面时,用于加载youtube播放器的关联脚本都可以正常工作,但是每当我从应用程序中的任何位置导航至该页面时,该脚本均无法正常工作。
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
videoId: 'iSCIesIM8Ww'
});
}
</script>
这是我要在每次查看页面时加载的脚本。
此外,我已经在我的局部视图文件之一中编写了此脚本。
我也使用指令来做到这一点,但这并没有解决问题。
最佳答案
请在部分视图的元素上创建一个指令,并将视频的javascript包含在指令中。