Html IFrame:此内容不能在框架中显示;添加标头后,错误仍在发生
我收到错误:Html IFrame:此内容不能在框架中显示;添加标头后,错误仍在发生,html,iframe,youtube,Html,Iframe,Youtube,我收到错误: 为帮助保护您输入此网站的信息的安全,此内容的发布者不允许将其显示在框架中。我只想在我的网站上嵌入一段YouTube视频,我已经添加了标签 <meta http-equiv="X-Frame-Options" content="allow"> 但错误仍在发生。下面是我添加iframe标记的全部代码 <!DOCTYPE html> <html lang="en"> <head> <link rel="shortcut
为帮助保护您输入此网站的信息的安全,此内容的发布者不允许将其显示在框架中。我只想在我的网站上嵌入一段YouTube视频,我已经添加了标签
<meta http-equiv="X-Frame-Options" content="allow">
但错误仍在发生。下面是我添加iframe标记的全部代码
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="/img/favicon.jpg">
<meta charset="utf-8">
<meta http-equiv="X-Frame-Options" content="allow">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>DroneDaddy</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/business-casual.css" rel="stylesheet">
<!-- Fonts -->
<link href="http://fonts.googleapis.com/css? family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,7 00,800" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css? family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic, 700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<body>
<p> </p>
<p> </p>
</body>
</head>
<body>
<div class="brand">Welcome to DroneDaddy</div>
<div class="address-bar">Lawton, Ok</div>
<!-- Navigation -->
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
<a class="navbar-brand" href="index.html">DroneDaddy</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -- >
<div class="collapse navbar-collapse" id="bs-example-navbar- collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="realestate.html" class="dropdown-toggle" data- toggle="dropdown">services
<b class="caret"> </b>
</a>
<ul class="dropdown-menu">
<li><a href="realestate.html">Real Estate</a></li>
<li class="divider"></li>
<li><a href="inspection.html">Aerial Inspection</a></li>
<li class="divider"></li>
<li><a href="advertisement.html">Advertisement</a></li>
<li class="divider"></li>
<li><a href="photography.html">Aerial Photography</a></li>
<li class="divider"></li>
<li><a href="police_tatical.html">Police/Tactical Response</a> </li>
</ul>
</li>
<li>
<a href="blog.html">News</a>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12 text-center">
<div id="carousel-example-generic" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators hidden-xs">
<li data-target="#carousel-example-generic" data- slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data- slide-to="1"></li>
<li data-target="#carousel-example-generic" data- slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="jumbotron col-lg-12">
<h1>Featured Video</h1>
<p>
Hello, Ok.
</p>
<iframe width="420" height="315"
src="https://www.youtube.com/watch?v=e2od1FBOCU8">
</iframe>
</div>
无人机爸爸
欢迎来到我的爸爸
劳顿,好的
切换导航
特色视频
你好,好的。
要嵌入Iframe,您需要为视频使用不同的url-
有关如何将YouTube视频嵌入网站的更多信息-
X-FRAME-OPTIONS不由您定义,但YouTube会在视频查看页面HTML响应标题中发送它,并拒绝任何页面嵌入它。当您在页面上定义页眉时,意味着您的页面无法嵌入
更多关于X-FRAME-OPTIONS的信息-非常感谢大家!我从来都不知道这一点,它通过将嵌入添加到URL来工作。