带有选项的动态 vimeo 嵌入

Question

我正在尝试添加带有选项（颜色等）的 Vimeo 嵌入。但是，如果 iframe 是使用 jQuery 或 DOM 创建的，Vimeo 似乎无法识别这些选项：

var fail = $('<iframe>', {
    src: 'http://player.vimeo.com/video/36825140?title=0&amp;byline=0&amp;portrait=0&amp;color=a4a9ab'
});

但是，如果我使用 innerHTML，它可以工作（它也可以使用纯 HTML）。

var ok = $('<div>').html('<iframe src="http://player.vimeo.com/video/36825140?title=0&amp;byline=0&amp;portrait=0&amp;color=a4a9ab"></iframe>');

测试小提琴：http://jsfiddle.net/nhkr5/

我真的很想使用 DOM 工具来完成这项任务，这样我就可以引用 iframe 元素并摆脱额外的包装器。

还有其他“正确”的方法吗？

Answer 1

如果您检查动态创建的 iframe，您会发现 & 实体未解析，因此您在 src 中没有 &，而是文字 &

http://jsfiddle.net/nhkr5/1/