Javascript 如何点击拇指和视频显示AngularJS？_Javascript_Angularjs

Javascript 如何点击拇指和视频显示AngularJS？

javascript angularjs

Javascript 如何点击拇指和视频显示AngularJS？,javascript,angularjs,Javascript,Angularjs,这是我的密码 <div class="container">  <div class="vid-container"> <iframe id="vid_frame" ng-src="{{selectedVideo.url}}" frameborder="0" width="560" height="315"><

这是我的密码

<div class="container">
            <!-- THE YOUTUBE PLAYER -->
            <div class="vid-container">
                <iframe id="vid_frame" ng-src="{{selectedVideo.url}}" frameborder="0" width="560" height="315"></iframe>
            </div>


            <!-- THE PLAYLIST -->
            <div class="vid-list-container">
                <div class="vid-list">

                    <div ng-repeat="video in youTubeVideos">
                        <div class="vid-item" ng-click="selectedVideo.url = video.url">
                            <div class="thumb"><img ng-src="//img.youtube.com/vi/{{video.img}}/0.jpg"></div>
                            <div class="desc">{{video.desc}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

$scope.youTubeVideos = [
                {
                    url: '//youtube.com/embed/eg6kNoJmzkY?autoplay=1&rel=0&showinfo=0&autohide=1',
                    img: 'eg6kNoJmzkY',
                    desc: 'Jessica Hernandez & the Deltas - Dead Brains'
                },
                {
                    url: '//youtube.com/embed/_Tz7KROhuAw?autoplay=1&rel=0&showinfo=0&autohide=1',
                    img: '_Tz7KROhuAw',
                    desc: 'Barbatuques - CD Tum P&aacute; - Sambalel&ecirc;'
                },
            ];

            $scope.selectedVideo = {};

控制台上有一个错误：错误：[$interpolate:interr]无法插入：{{{selectedVideo.url} 错误：[$sce:UnsecUrl]阻止了从url加载资源，$SCEDegate策略不允许这样做。网址：

我无法解决此错误，我还需要在vid容器中保留视频1可用

您的资源请求被AngularJS中的$sceDelegateProvider阻止

$sceDelegateProvider允许获取/设置白名单和黑名单用于确保用于源AngularJS的URL 模板和其他运行URL的脚本是安全的

将URL添加到$sceDelegateProvider白名单，您应该能够抓取视频

angular.module('myApp', []).config(function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'self',
        'https://youtube.com/embed/**'
    ]);
});

如何更改所选视频

将ng click属性添加到所需触发器。比如：

<div ng-click="changeVideo(1)"></div>

谢谢。它起作用了！！棒极了，伙计！你知道重新加载页面时如何将第一个视频放入vid容器中吗？

<div ng-click="changeVideo(1)"></div>

<body ng-controller="videoCntrl">