我在laravel中嵌入了youtube视频。当用户单击iframe时，我想在弹出窗口中播放视频。
这是我的代码：
<div class="row">
<div class="col-md-12">
<div class="row searchedData">
@foreach($class->online_videos as $online_video)
<?php
$url = $online_video->video;
$query_video_link = parse_url($url,PHP_URL_QUERY);
$string = parse_str($query_video_link,$v);
$value = $v['v'];
$link = url('https://www.youtube.com/embed/' . $value);
?>
<div class="col-md-4 videos">
<div class="video-container" id="iframeID">
<a class="popup-youtube" href="{{$online_video->video}}">
<iframe data-value="{{$value}}" src="{{$link}}"
width="100%"
height="450" frameborder="0" allowfullscreen></iframe>
</a>
</div>
<h5>{{$online_video->title}}</h5>
<h3>{{$online_video->semester}}</h3>
</div>
@endforeach
</div>
</div>
</div>
jQuery
$(document).ready(function() {
$('.popup-youtube').magnificPopup({
disableon: 700,type: 'iframe',mainClass: 'mfp-fade',removalDelay: 160,preloader: false,fixedContentPos: false
});
});
当我使用此jQuery时，效果很好
<a class="popup-youtube" href="{{$online_video->video}}"> {{$link}}</a>