Question

我想在自举one page scroll网页中嵌入YouTube视频，完全位于carousel视频滑块中。
我的Chrome和Firefox都有问题（使用Safari没问题）这是我的代码：

   <section class="videos">
    <div class="container">
          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
            <!-- Indicators -->
            <ol class="carousel-indicators" style="top:125%">
              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            </ol>
<div class="carousel-inner" style="top:100px;">
              <div class="item active">
                <div style="text-align:center;">
                  <iframe width="853" height="480" src="http://www.youtube-nocookie.com/embed/XXXX?rel=0" frameborder="0" allowfullscreen></iframe>
                  <div class="carousel-caption">
                  </div>
                </div>
              </div>
              <div class="item">
                <div style="text-align:center;">
                  <iframe width="853" height="480" src="http://www.youtube-nocookie.com/embed/XXXX?rel=0" frameborder="0" allowfullscreen></iframe>
                  <div class="carousel-caption">
                  </div>
                </div>
              </div>
          </div>

我收到两个错误：

在我的控制台中，我得到了：

Blocked a frame with origin "https://www.youtube-nocookie.com" from accessing a frame with origin "http://www.domain.com".  The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.
Uncaught Error: Error calling method on NPObject.

视频显示为黑框。

我该怎么办？感谢

Answer 1

我建议您将对象用于要嵌入网站的视频而不是iframe。它具有更好的Web浏览器独立行为，并且可以与其他支持共享的视频提供程序一起使用（dailymotion，vimeo）

<embed width="756" height="461" style="display: block;" src="http://www.youtube.com/v/nlcIKh6sBtc?autohide=1&version=3?autohide=1&version=3&autoplay=1" type="application/x-shockwave-flash" bgcolor="#000000" scale="scale" allowfullscreen="true" salign="tl" allowscriptaccess="never" wmode="opaque">

以上代码段是如何在具有各种参数的网页上共享YouTube视频的示例。希望这有帮助。

Youtube嵌入iframe，使用Chrome我得到一个黑盒子

1 个答案: