HTML 格式的 YouTube 视频不起作用

Question

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

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

数据库中的字符串：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

尝试将“https://www.youtube.com/watch?v=”替换为“//www.youtube.com/embed/”即可。

Answer 2

假设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 3

我发现了一些错误：

1. //www.youtube.com/embed/JjFsNSoDZK8不是以v获取参数值为id的url；喜欢您帖子中的链接 (https://www.youtube.com/watch?v=JjFsNSoDZK8)

1234563根据 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"