Изменение источника видео HTML

Question

У меня есть следующий HTML-код.

<div class="panel">
        <div class="col-sm-9">>
            <video id="currentVideo" width="650" height="350" controls>
              <source src="{{currentVideo.Source}}" type="video/mp4">
              Your browser does not support the video tag.
            </video>
        </div>
        <div class="col-sm-3" ng-click="showVideo(video)">
            <ul ng-repeat="video in videoHelpFiles" id="playlist">
                <div ng-click="showVideo(video)">
                    <span><h4> {{video.Title}} </h4></span>
                    <span><p> {{video.Description}} </p></span>
                    <br>
                </div>
            </ul>
        </div>
    </div>

И это мой сценарий кофе.

.controller 'HelpCtrl', (
    $scope

) ->
    $scope.videoHelpFiles = [
            Title: "Video 1"
            Description: "Desc 1"
            Source: '../../videos/video1.mp4'
        ,
            Title: "Video 2"
            Description: "Desc 2"
            Source: '../../videos/video2.mp4'
        ]

    $scope.currentVideo = $scope.videoHelpFiles[0]

    $scope.showVideo = (video) ->
        $scope.currentVideo = video

Мой вопрос: как я могу изменить видео при клике? Этот код работает, когда я использую iFrame вместо видео, что, очевидно, я не хочу делать, но кто-нибудь может объяснить, почему это не работает, когда я пытаюсь использовать видео-теги?

Answer 1

У меня похожая проблема... попробуйте вот так:

<video id="currentVideo" src="{{currentVideo.Source}}" width="650" height="350" controls>
    Your browser does not support the video tag.
</video>

Это сработало для меня.

Answer 2

Прежде всего, ваше шоуВидео (видео)

   <div class="col-sm-3" ng-click="showVideo(video)">

Экземплярвидео не входит в сферу действия ng-repeat. Я отправлю неопределенную ссылку на функцию showVideo