时间戳

首页 > 解决方案 > Angular 8 在 iframe 中捕获视频的输出事件（播放、暂停、结束）

iframe - Angular 8 在 iframe 中捕获视频的输出事件（播放、暂停、结束）

问题描述

我的 Angular 应用程序中有一个 iframe，我将视频的 url 作为 [src] 传递给它。
这是 iframe 的代码：

            <iframe id="videoId" name="videoName"
              title="video player" class="video-player video-player-responsive" type="text/html" width="100%"
              height="100%" frameborder="0" allowFullScreen allowTransparency="true"
              [src]="element.value.url +'&GAOn=true&GAProgressInterval=25'| safe"
              style="position:absolute;top:0;left:0;"></iframe>

我想捕捉播放、停止和结束的输出事件。我已经尝试过这种方式，添加用于播放、暂停、播放的输出：

            <iframe id="videoId" name="videoName"
              title="video player" class="video-player video-player-responsive" type="text/html" width="100%"
              height="100%" frameborder="0" allowFullScreen allowTransparency="true"
              [src]="element.value.url +'&GAOn=true&GAProgressInterval=25'| safe"
              style="position:absolute;top:0;left:0;" (onplaying)="handleVideoPlayEvent($event)"
              (onpause)="handleVideoPauseEvent($event)" (onended)="handleVideoEndEvent($event)"></iframe>

但是这些方法没有被调用。我也尝试过（播放）、（暂停）和（结束），但它不起作用。

标签： iframeangular8

解决方案

推荐阅读