Question

我正在尝试

以下是我的HTML

中的代码

<iframe class="embed-responsive-item"  id="placeYoutubeVideo"
        style="display:none" src="#" style="display:none" allowfullscreen></iframe>

在jQuery中，我试图更改视频的src

var neww = 'https://youtu.be/NOubzHCUt48';
        $('#placeYoutubeVideo').prop('src', neww)

但它引发了以下错误：

拒绝展示＆＃39; https://www.youtube.com/watch?v=NOubzHCUt48&feature=youtu.be＆＃39;在一个因为它设置了X-Frame-Options＆＃39;到＆＃39; SAMEORIGIN＆＃39;。

我该如何解决这个问题？

如果不可能，可以在点击功能上使用youtube网址生成iframe吗？

请帮忙。

Answer 1

试试这个

<iframe class="embed-responsive-item" id="placeYoutubeVideo" src="#" allowfullscreen></iframe> 
<script> 
$(document).ready(function () { 
var neww = 'http://www.youtube.com/embed/NOubzHCUt48'; $('#placeYoutubeVideo').attr('src', neww); }); 
</script>

https://jsfiddle.net/vyt7gxwz/

HTTP - ＆gt; HTTPS = ERROR（X-Frame-Options'到'SAMEORIGIN）

HTTP - ＆gt; HTTP =确定

HTTPS - ＆gt; HTTPS =确定

HTTPS - ＆gt; HTTP = ERROR（X-Frame-Options'到'SAMEORIGIN）

Answer 2

相反，你可以replaceWith

 var neww = 'https://youtu.be/NOubzHCUt48';
 var newContent = '<iframe class="embed-responsive-item"  id="placeYoutubeVideo" style="display:none" src="'+neww +'" style="display:none"  allowfullscreen></iframe>'

// Replace 'neww ' with your new URL

     $('#placeYoutubeVideo').replaceWith(newContent );

Answer 3

试试这个

var neww = 'https://youtu.be/NOubzHCUt48';
iframe.setAttribute("src", neww);

<强>语法

element.setAttribute(attributename,attributevalue)

参数值

attributename   |  String   |  Required. The name of the attribute you want to add
attributevalue  |  String   |  Required. The value of the attribute you want to add

HTML DOM setAttribute() Method

编辑01

如果您想将其添加到一个元素

document.getElementsByID("placeYoutubeVideo").setAttribute("src", neww);

Answer 4

YouTube使用

X-Frame-Options: Sameorigin来阻止clickjacking。您需要嵌入实际的播放列表。

Embed videos & playlists

jQuery iframe无法设置youtube网址

4 个答案: