javascript - jQuery iframe 无法设置 youtube url

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)

但它抛出以下错误:

Refused to display 'https://www.youtube.com/watch?v=NOubzHCUt48&feature=youtu.be' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

我该如何解决这个问题？

如果不可能，是否可以通过点击功能生成带有 youtube url 的 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 -> HTTPS = ERROR (X-Frame-Options' to 'SAMEORIGIN)

HTTP -> HTTP = OK

HTTPS -> HTTPS = OK

HTTPS -> HTTP = ERROR (X-Frame-Options' to 'SAMEORIGIN)