Question

我有一个vimeo视频，在用户点击div时加载。

<div class="vimeobox" ID="vimeo-ID-goes-here"></div>

这是我的javascript：

$(".vimeobox").click(function() {

        var iframe = "<iframe />";
        var id = $(this).attr('id'); // 
        var url = "http://player.vimeo.com/video/" + id + "?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1";

        var width = 700;
        var height = 394;
        var frameborder = 0;

         $(iframe, {
            name: 'videoframe',
            id: 'videoframe',
            src: url,
            width: width,
            height: height,
            frameborder: frameborder,
            type: 'text/html',
            allowfullscreen: true,
            webkitAllowFullScreen: true,
            mozallowfullscreen: true
        }).css({'position': 'absolute', 'top': '0', 'left': '0'}).appendTo(this);

        $(this).find('img').fadeOut(function() { $(this).remove();

        });

    });

单击div时会显示vimeo播放器（删除预览图像）...但视频无法自动播放。

我不知道问题是什么。我为youtube播放器使用几乎相同的代码（减去url变量）并自动播放？

Answer 1

只需将您的网址中的&更改为?。

Answer 2

您也可以通过在嵌入代码中添加以下参数来手动执行此操作：循环= 1 自动播放= 1 如果您在特定页面上有多个视频自动播放，则还需要包含以下参数： autopause = 0

Answer 3

这里的其他答案确实是正确的但是如果您在移动设备上遇到自动播放功能时遇到问题，那么您的运气不好，因为此处所述的默认自动播放功能将无法在移动设备（Android / iOS和Windows Mobile）上运行写这篇文章的时间。

如果有人想出一个黑客强制自动播放功能请发帖。

jquery和vimeo：赢得了自动播放

3 个答案: