在swiper插件中放置使用videojs插件的视频

由于要使用videojs插件，所以需要引入video.js和css文件（自己从网上找）

1. swiper轮播图的布局可以根据自己的喜好来排布。
2. 当视频播放时停止轮播。播放完毕时开始轮播。

html:

<div class="last-swiper-container" id="last_page">
            <div class="swiper-wrapper">
                <div class="swiper-slide pic-slide slide1 last_slider">
                    <video id="my_video_1" class="playVideo playVideo1 video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" 
                    data-setup='{}' width="100%" poster="img/Lingshan.png">
                        <source src="视频链接">
                    </video>
                </div>
                <div class="swiper-slide pic-slide slide2 last_slider">
                    <video id="my_video_2" class="playVideo playVideo2 video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" 
                    data-setup='{}' width="100%" poster="img/xh.png">
                        <source src="视频链接">  
                    </video>
                </div>
                <div class="swiper-slide pic-slide slide3 last_slider">
                    <video id="my_video_3" class="playVideo playVideo3 video-js vjs-default-skin vjs-big-play-centered" controls preload="auto"   
                    data-setup='{}' width="100%" poster="img/factory.png">
                        <source src="视频链接">  
                    </video>
                </div>
                <div class="swiper-slide pic-slide slide4 last_slider">
                    <video id="my_video_4" class="playVideo playVideo4 video-js vjs-default-skin vjs-big-play-centered" controls preload="auto"   
                    data-setup='{}' width="100%" poster="img/wisdom.png">
                        <source src="视频链接">  
                    </video>
                </div>
                <div class="swiper-slide pic-slide slide5 last_slider">
                    <video id="my_video_5" class="playVideo playVideo5 video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" 
                    data-setup='{}' width="100%" poster="img/Tianjin.png">
                        <source src="视频链接">  
                    </video>
                </div>
                <div class="swiper-slide pic-slide slide6 ">
                    <video id="my_video_6" class="playVideo playVideo6 video-js vjs-default-skin vjs-big-play-centered" controls preload="auto"   
                    data-setup='{}' width="100%" poster="img/rose.png">
                        <source src="视频链接">  
                    </video>
                </div>
            </div>
            <div class="swiper-button last-swiper-button-next">
                <img src="图片链接">
            </div>
            <div