随机Vimeo的视频从Array

Question

我不是很熟悉的代码和正在使用squarespace建立自己的网站，只是注入代码，我需要或想使用。

我试图做我的封面上当前已嵌入VIMEO视频并将其随机选择从一个数组的视频，但我相信我可能做错了什么，因为它似乎并没有工作。我已经找到了关于使用Youtube视频做这些事情的信息，但也许它只是不适用于Vimeo。

更可能我只是错过了一些明显。

继承人我尝试

var videos = [ 
 
    '238243092', 
 
    '235209416', 
 
    '187960907', 
 
    '187960695', 
 
    '187960573', 
 
    '187960448', 
 
    '187960364', 
 
    '187960175', 
 
    '187960026', 
 
    '187959808', 
 
    '187959623', 
 
    '187959099', 
 
]; 
 

 
var index=Math.floor(Math.random() * videos.length); 
 
var html='<div class="embed"><iframe src="https://player.vimeo.com/video/ + videos[index] + " width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
 
     </div>'; 
 
document.write(html);

任何帮助将高度赞赏

Answer 1

你缺少字符串分隔符。语法这里这么孤单突出显示，你的情况是+ videos[index] +文字，因此没有执行字符串的一部分。

var html='<div class="embed"><iframe src="https://player.vimeo.com/video/' + videos[index] + '" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>'; 

全部工作的源代码：

var videos = [ 
 
     '238243092', 
 
     '235209416', 
 
     '187960907', 
 
     '187960695', 
 
     '187960573', 
 
     '187960448', 
 
     '187960364', 
 
     '187960175', 
 
     '187960026', 
 
     '187959808', 
 
     '187959623', 
 
     '187959099', 
 
    ]; 
 
    
 
    var index=Math.floor(Math.random() * videos.length); 
 
    var html='<div class="embed"><iframe src="https://player.vimeo.com/video/' + videos[index] + '" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>'; 
 
    document.write(html);

注意，视频不开始播放这里的场地内进行的，因为在＃1执行代码的方式是安全的原因实现。该视频使用相同的代码在其他上下文中播放。