Angular2，PrimeNG。帶有自動播放YouTube視頻的燈箱

我已經使用了與以下示例類似的YouTube視頻：我希望點擊鏈接後會啓動視頻，我已經添加了一些能夠做到的事情。Angular2，PrimeNG。帶有自動播放YouTube視頻的燈箱

<p-lightbox type="content" id="pl"> 
    <a class="group" href="#" (click)="playVideo()"> 
     Watch Video 
    </a> 
    <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/9bZkp7q19f0" frameborder="0" allowfullscreen> </iframe> 
</p-lightbox>

而現在的TS文件：

videoSrc = "('#video')[0].src"; 
playVideo() { 
    this.videoSrc += "&amp;autoplay=1"; 
}

我沒有任何錯誤，但它不工作...

你能幫助我的代碼嗎？

來源

2017-02-26 user3520316

所以這個固定我的問題在我的HTML我有這樣的代碼

div *ngIf="videoData"> 
    <ul> 
     <li id="videoList" *ngFor="let videoData of videoDatas.SopVideo"><a (click)="playVideo(videoData)" href="javascript: void(0)">{{videoData.Name|extension}}</a></li> 
    </ul> 
    </div> 
    <div id="videoPlayer" [hidden]="hiddenVideo"> 
    <video width="800" id="video1" height="600" controls [src]="sopVideoUrl" [autoplay]="sopAutoPlay"> 
    </video>

當他們點擊他們想看我打電話的playVideo方法，並將有關該視頻的所有數據的視頻。然後我綁定src並自動播放我的類型腳本中的變量。

public sopVideoUrl: String; 
public sopAutoPlay = false; 
playVideo(id: Sop) { 
    this.hiddenVideo = false; 
    this.sopAutoPlay = true; 

    this.deleteButton = false; 
    this.strVideoName = id.Name; 
    this.sopVideoUrl = `./dist/videos/${this.strVideoName}`;

此自動播放我的視頻並獲取用戶點擊的正確視頻。

來源

2017-04-03 22:19:47

Angular2，PrimeNG。帶有自動播放YouTube視頻的燈箱

回答

相關問題