Question

我对代码不太熟悉，并且正在使用squarespace来设置我的网站，只是注入我需要或想要使用的代码。

我目前正在尝试做的是在我的封面上嵌入vimeo视频并随机选择阵列中的视频，但我相信我可能会做错事，因为它似乎不起作用。我已经找到了有关使用Youtube视频执行此操作的信息，但也许它与Vimeo无法合作。

我很可能只是错过了一些明显的东西。

继承人我正在尝试

＆＃13;

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);

＆＃13;

任何帮助都将受到高度赞赏

Answer 1

您缺少字符串分隔符。仅在SO上突出显示的语法表明，在您的情况下，+ 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代码的执行方式。视频使用相同的代码在其他上下文中播放。

来自阵列的随机Vimeo视频

1 个答案: