随机YT视频

时间:2018-02-25 00:10:22

标签: javascript jquery html iframe

我想在我的网站上随机播放视频。 我的代码看起来像这样但不起作用。

<head>
    var vidArr = [
                'HKIW9yRzm04', 'MU8iGMjq1Og', 'WaQ0aFW8YSI', 'DrxJCOVsV1E'
            ]


            var vidID = vidArr[Math.floor(Math.random() * 4)]

            $("#frame").attr('src', 'http://www.youtube.com/embed/' + vidID);
</head>
<iframe id=frame src=" height="100%" with="300px"></iframe>

2 个答案:

答案 0 :(得分:0)

您是否检查过varID返回的值是否正确?视频网址?

答案 1 :(得分:0)

我在这里看到几个问题:

  1. 您的Javascript代码必须位于<script>标记中。只需将其放在文档<head>中就行不通了。

  2. 该代码需要在 DOM中存在<iframe>标记后运行<script>代码需要遵循<iframe>,或者需要将代码放入加载块($(function() { … }))。

  3. 您的<iframe>代码中存在多个语法问题。 id上没有引号(无害但不好的做法),src="属性上缺少结束引号,并且width属性拼错为with }。