javascript - 使用 Jquery 附加 YouTube 视频

标签 javascript jquery youtube

我想为我正在制作的网站制作某种播放器。重点是,用户单击一个 div,然后就会创建包含 YouTube 视频的新 div。

$('.slika').click(function() {
    var id = $(this).attr('id');
    $('body').prepend('<div class="player"><iframe width="560" height="315" src="https://www.youtube.com/watch?v=' + id + '" frameborder="0" allowfullscreen></iframe></div>');
});

当我尝试执行此操作时,我收到“X-Frame-Options 拒绝加载:https://www.youtube.com/watch?v=g6YLFbFh3tw 不允许跨源框架”。信息。试图用谷歌搜索答案,但没有任何帮助我。 另一件事是,当我在索引页上执行此操作时,无需“前置”即可正常工作。

最佳答案

好的,错误是使用正常的 YouTube 网址。 我用过:https://www.youtube.com/watch?v=g6YLFbFh3tw 我应该使用:https://www.youtube.com/embed/g6YLFbFh3tw

关于javascript - 使用 Jquery 附加 YouTube 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30003490/

相关文章:

javascript - 获取 HTML 页面上 javascript 函数中的嵌入值

javascript - 根据其 id 更改顺序元素的淡入

android - 访问未配置。请使用 Google Developers Console 为您的项目激活 API 以获取 youtube 搜索列表

objective-c - 自动全屏播放 youtube 视频

javascript - window.close 不关闭 HTA 应用程序中的窗口

javascript - 滚动超过元素的 50% 时如何粘贴 div?

javascript - 按降序对数字进行排序,但以 `0` 开头

android - 在 Kitkat 的 WebView 中播放 youtube 视频

javascript - 如何限制矩形在 fabricjs 中调整大小/移动到图像之外?

javascript - 如何将多维 JSON 对象转换为 javascript 数组