在移动和PC自适应页面做视频弹窗控制小案例

由于在视频专题页项目中需要链接腾讯视频，然后再在网页端以弹窗的形式展现，且需要弹窗显示时候视频播放，弹窗关闭时候视频停止，在之前的查阅资料中看到很多案例都说的不是很清晰，今天在经过多次尝试后终于成功了，分享一下，代码如下：

引用的库
*需要用的有：jQuery, boostrap框架.*

• HTML 结构如下

                    <div class="list-group">

                        <a data-toggle="modal" data-target="#myModal">
                            <img src="./img/beijing.jpg" alt="">
                        </a>
                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">