如何在 youtube player API 中禁用快进？答案

【问题标题】：how to disable fast forward in youtube player API?如何在 youtube player API 中禁用快进？
【发布时间】：2017-10-11 13:04:59
【问题描述】：

export class AppComponent {
 title = 'app';
 player: YT.Player;
 private id: string = 'X_5_BLt76c0';
 public tt;
 constructor() {

 }
 savePlayer(player) {
   this.player = player;
   console.log('player instance', player.control)
 }
 
 onStateChange(event) {
   console.log("State CHanges");
 }
 

 ngOnChange() {
   console.log(this.player.getCurrentTime())
 }
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<youtube-player
     [videoId]="id"
     (ready)="savePlayer($event)"
     (change)="onStateChange($event)" [playerVars]="{'controls': 2,'modestbranding':1,'disablekb':1,'autohide':2}" allowfullscreen ></youtube-player>

您好，我正在使用 Angular 2。我正在使用 ng2-youtube-player 播放 youtube 视频。我想阻止一些控制，比如快进。在任何情况下，视频都不应通过用户输入向前移动。如何禁用快进选项。

【问题讨论】：

youtube-player 是什么？我猜这是一些第三方插件？

标签： javascript jquery html angular youtube-api

【解决方案1】：

有两种方法可以做到这一点

在 iframe 中使用控件
使用 javascript

1) 对于 javascript，您可以参考 codepen 上的以下链接。 Youtube iFrame API & Angular.js

 // This function creates an <iframe> (and YouTube player)


// after the API code downloads.
  window.onYouTubeIframeAPIReady = function() {
    $scope.player = new YT.Player('player', {
      height: '180',
      width: '180',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      },
      playerVars: { 
        'controls': 0,
        'showinfo': 0
      }
    });
  }

2) 对于 iframe，您可以使用以下链接 YouTube Iframe API

【讨论】：