【问题标题】:jquery and vimeo: won't autoplayjquery 和 vimeo:不会自动播放
【发布时间】:2012-03-26 05:01:22
【问题描述】:

我有一个 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 变量)并且它会自动播放?

【问题讨论】:

  • 这完全有效!我想知道为什么链接在 vimeo 嵌入代码中以这种方式呈现?
  • 我不知道,通常这是用作分隔符的?,因此您不必转义与号(但有很多有效字符可以用作分隔符,只要 HTTP 服务器支持它们)。

标签: jquery vimeo


【解决方案1】:

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

【讨论】:

  • 我错过了 autopause=0,在添加 autopause=0 后,多个视频都可以正常工作。谢谢!
【解决方案2】:

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

如果有人想出一个技巧来强制自动播放功能,请发布。

【讨论】:

    【解决方案3】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-04-20
      • 2018-07-27
      • 2019-03-30
      • 1970-01-01
      • 2018-10-18
      • 1970-01-01
      • 1970-01-01
      • 2011-09-13
      相关资源
      最近更新 更多