javascript - 来自数组的随机 Vimeo 视频

Question

我对代码不太熟悉，正在使用 squarespace 来设置我的网站，然后注入(inject)我需要或想要使用的代码。

我目前想做的是将 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);

请注意，出于安全原因，由于 Stackoverflow 代码执行的实现方式，视频不会在站点内开始播放。该视频使用相同的代码在其他环境中播放。