HTML中的YouTube视频无效

Question

我尝试从数据库中获取YouTube视频的网址，并将其嵌入到页面中。

我收到“发生错误。请稍后再试”消息。请帮忙！ :(

DB中的字符串：https://www.youtube.com/watch?v=JjFsNSoDZK8

HTML代码（在表格内）：

<tr><td colspan=3><iframe id='Trailer' width="640" height="360" src="" frameborder="0" allowfullscreen></iframe></td></tr>

JS代码（jQuery）：

$("#MovieDetails").find("#Trailer").attr('src',arr['Trailer'].replace("youtube.com/","youtube.com/embed/") + "?feature=player_detailpage");

（这里，MovieDetails是表的id）;另外，最后的那个字符串：“？feature = player_detailpage”，即使没有它也不起作用。

试过几种方法来改变URL字符串，但似乎找不到合适的方法。总是犯同样的错误

编辑：如果我使用YouTube上的代码（它给你电影信息 - >分享 - >嵌入）并在我的页面中硬编码，它就可以了。

Answer 1

假设arr['Trailer'] == "https://www.youtube.com/watch?v=JjFsNSoDZK8"

尝试将替换更改为以下内容：

arr['Trailer'].replace("https://www.youtube.com/watch?v=", "//www.youtube.com/embed/");

的jsfiddle - http://jsfiddle.net/WFd79/

Answer 2

我看到一些错误：

1. //www.youtube.com/embed/JjFsNSoDZK8不是id为v获取参数值的url;比如你在帖子中的链接（https://www.youtube.com/watch?v=JjFsNSoDZK8）
2. 当您更换网址时，您正在使用?添加参数我认为它应该是&，因为查询字符串已经存在，我认为不重要因为http://www.youtube.com/embed/JjFsNSoDZK8是正确的网址，根据youtube上的embed标签

---

url = 'https://www.youtube.com/watch?v=JjFsNSoDZK8';
url.replace('youtube.com/', 'youtube.com/embed/') + "?feature=player_detailpage"
// "https://www.youtube.com/embed/watch?v=JjFsNSoDZK8?feature=player_detailpage"

Answer 3

尝试将“https://www.youtube.com/watch?v=”替换为“//www.youtube.com/embed/”然后它将起作用。