2017-10-11 10 views
0

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>

こんにちは私はユーチューブの動画を再生するためNG2-ユーチューブプレーヤーを使用していた角度2を使用しています。私は早送りのようないくつかのcontroleを防止したい。いずれにしても、ビデオはユーザーインプットによって前方に移動すべきではありません。早送りオプションを無効にすることはできますか?

+0

を使用することができます 'ユーチューブ-player'は何ですか?私はこれがいくつかのサードパーティのプラグインだと思いますか? – Liam

答えて

0

これはあなたがcodepen上で、以下のリンクを参照することができますJavaScriptがJavaScriptの

1)を使用してIFRAME

  • のコントロールを使用して

    1. を行うことができる2つの方法があります。 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

  • 関連する問題