html - 如何在用实现CSS创建的网站中显示YouTube视频？

Question

我的materializecss网站中包含以下html。我引用了http://materializecss.com/media-css.html上的文档)。

<div class = "col s12 m6">
    <div class="video-container">
        <iframe src="//www.youtube.com/embed/7yDXeEJEi0A?wmode=opaque" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

当我查看此页面时，仅看到一条错误消息。该视频在YouTube本身上运行良好(我也尝试过其他视频，没有运气)。

此页面上的其他元素(图像，文本，下拉列表)工作正常。任何帮助将不胜感激。

`

Answer 1

尝试在视频网址之前添加http://我检查过。如果我添加http://或https://(服务器/网页上的https必需的SSL)才能正常播放，则在我的终端上工作正常。

<div class = "col s12 m6">
    <div class="video-container">
        <iframe src="http://www.youtube.com/embed/7yDXeEJEi0A?wmode=opaque" frameborder="0" allowfullscreen></iframe>
    </div>
</div>