如何用jQuery修改Vimeo iframe的src仅关闭自动播放（Drupal 6）

我之前也碰到过类似的情况——在Drupal 6里没法通过EmbedMedia模块直接修改Vimeo的自动播放设置，用jQuery调整确实是个可行的替代方案。你说修改src时会替换整个内容，其实不用全替换，只要针对Vimeo的URL参数做精准修改就行，核心就是控制autoplay参数的值。

具体jQuery代码实现 #

jQuery(document).ready(function($) {
  // 精准定位所有Vimeo平台的iframe（可根据实际场景调整选择器）
  $('iframe[src*="vimeo.com"]').each(function() {
    const currentSrc = $(this).attr('src');
    let updatedSrc;

    // 检查当前src中是否已经存在autoplay参数
    if (currentSrc.indexOf('autoplay=') !== -1) {
      // 替换已有的autoplay参数为禁用状态（autoplay=0）
      updatedSrc = currentSrc.replace(/autoplay=\d/, 'autoplay=0');
    } else {
      // 如果没有autoplay参数，就追加该参数
      // 需判断原URL是否已有其他参数，决定用?还是&连接
      const separator = currentSrc.indexOf('?') !== -1 ? '&' : '?';
      updatedSrc = `${currentSrc}${separator}autoplay=0`;
    }

    // 仅更新src属性，完全保留iframe的其他属性（比如你之前设置的高度、宽度）
    $(this).attr('src', updatedSrc);

    // 你之前修改高度宽度的代码可以继续放在这里，比如：
    // $(this).attr('height', '450').attr('width', '800');
  });
});

代码关键说明 #

• 选择器$('iframe[src*="vimeo.com"]')可以精准过滤出Vimeo的iframe，不会影响其他视频平台的嵌入内容；
• 通过indexOf判断是否已有autoplay参数：存在则用正则替换参数值，不存在则根据URL结构追加参数；
• 整个过程只修改src属性，iframe的其他属性（高度、宽度、样式等）都会完整保留。

额外注意事项 #

• 如果你有特定的Vimeo iframe容器类名，可以把选择器改成$('.your-custom-class iframe[src*="vimeo.com"]')，进一步缩小作用范围；
• 把这段代码添加到主题的自定义JS文件中，或者放在template.php的preprocess_page函数里，记得清除Drupal缓存让代码生效。

内容的提问来源于stack exchange，提问作者webmaster pf