Javascript 在每个页面上播放随机视频刷新_Javascript_Jquery_Twitter Bootstrap_Vuejs2

Javascript 在每个页面上播放随机视频刷新

javascript jquery twitter-bootstrap vuejs2

Javascript 在每个页面上播放随机视频刷新,javascript,jquery,twitter-bootstrap,vuejs2,Javascript,Jquery,Twitter Bootstrap,Vuejs2,jQuerydocument.readyfunction{ jQuery'.popup-youtube1、.popup-vimeo、.popup-gmap'.magnificpoop{ 禁用日期：700，键入：“iframe”， mainClass:“mfp淡入”，删除延迟：160，预加载程序：false， fixedContentPos:false }; }; 创建一个数组并将视频链接添加到数组中，然后生成一个随机索引以从数组中获取视频链接。我希望这会有所帮助： <!DOCTYPE

jQuerydocument.readyfunction{ jQuery'.popup-youtube1、.popup-vimeo、.popup-gmap'.magnificpoop{ 禁用日期：700，键入：“iframe”， mainClass:“mfp淡入”，删除延迟：160，预加载程序：false， fixedContentPos:false }; };

创建一个数组并将视频链接添加到数组中，然后生成一个随机索引以从数组中获取视频链接。我希望这会有所帮助：

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
</head>

<body>
    <a class="vimeo-video-1" href="#">RANDOM VIMEO VIDEOS</a>
    <br>
    <a class="vimeo-video-2" href="#">RANDOM YOUTUBE VIDEOS</a>
</body>

</html>
<script type="text/javascript">
var num = 3;

//VIMEO
vimeolink = new Array("212731897", "118901221", "211690338");
x = (Math.floor(Math.random() * num));
randomvimeolink = (vimeolink[x]);

//YOUTUBE
youtubelink = new Array("1F_bG-uJMns&start=90", "PjDw3azfZWI&t=31m08s", "PjDw3azfZWI#t=31m08s");
x = (Math.floor(Math.random() * num));
randomyoutubelink = (youtubelink[x]);


//VIMEO MAGNEFICE POPUP
$('.vimeo-video-1').magnificPopup({
    items: [{
        src: 'https://player.vimeo.com/video/' + randomvimeolink,
        type: 'iframe' // this overrides default type
    }],
    gallery: {
        enabled: false
    },
    type: 'image'
});


//YOUTUBE MAGNEFICE POPUP
$('.vimeo-video-2').magnificPopup({
    items: [{
        src: 'http://www.youtube.com/watch?v=' + randomyoutubelink,
        type: 'iframe' // this overrides default type
    }],
    gallery: {
        enabled: false
    },
    type: 'image'
});
</script>

您的代码段不工作您需要获取youtube转储列表，然后创建函数来随机选择它们。你从Youtube API中获取转储，再进行一些搜索，你会发现它。