如何在youtube播放器API中禁用快进?

时间:2017-10-11 13:05:00

标签: javascript jquery html5 angular youtube-api

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>

你好我正在使用角度2.我正在使用ng2-youtube-player播放YouTube视频。我想阻止像快进这样的控制。视频不应该在任何情况下由用户输入向前移动。我可以禁用快进选项。

1 个答案:

答案 0 :(得分:0)

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

  1. 在iframe中使用控件
  2. 使用javascript
  3. 1)对于javascript,您可以在codepen上参考以下链接。 Youtube iFrame API & Angular.js

    size

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