【问题标题】:Append YouTube video with Jquery使用 Jquery 附加 YouTube 视频
【发布时间】:2015-05-02 14:33:19
【问题描述】:

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

$('.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 添加了标题,不允许对其内容进行任何框架化。
  • 但是他们确实提供了用于在您的网站上嵌入视频的嵌入代码
  • 当我使用 时它可以工作,但 W3school 说它已被弃用。

标签: javascript jquery youtube


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-12-13
    • 1970-01-01
    • 2012-12-29
    • 2011-01-08
    • 2011-02-27
    • 2013-11-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多