我在一个页面中有多个视频当我在 ionic 框架中播放另一个视频时我需要暂停视频

Question

我在一个页面中有多个视频。当我在 ionic 框架中播放视频时，我想暂停所有其他视频。

我不仅使用你的视频，还使用其他来源的视频。

我的html页面的一部分

<ion-list>
        <div class="card">
            <ion-item ng-repeat="module in co.Modules">
                  {{module.name}}
 <div class="video-container">

                   <iframe allowscriptaccess="always" ng-src="{{module.link}}" frameborder="0"  allowfullscreen></iframe>

                </div>
            </ion-item>
        </div>

<div class="col text-center">
<button class="button button-large button-positive" ng-click="vm.onclick(co.course_name)" >
   Take Assesment
</button>
</div>

</ion-list>

Answer 1

为此，请在 ionic 中使用 iframe，我的代码如下。

HTML

 <div class="video-container">
    <iframe ng-src="{{getIframeSrc(videoNewsData.VIDEOSCRIPT)}}" frameborder="0" width="560" height="315" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 </div>

控制器

$scope.getIframeSrc = function(videoId) {
    return $sce.trustAsResourceUrl('http://www.youtube.com/embed/' + videoId);
};