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

i have multiple videos in a page i need to pause video when i play another video in ionic framework

本文关键字：视频 播放 框架 另一个 暂停 一个      更新时间：2023-09-26

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

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

我的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>

请在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);
};
相关文章：