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视频的灯箱

回答

相关问题