如何在弹出窗口上播放嵌入式youtube视频？

问题描述

我在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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）