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>

Answer 2

此问题可能与iframe中包含的链接有关。为此，只需访问youtube上的视频链接，然后选择“共享”即可。然后点击“共享链接”。最后，选择“嵌入”。

<div class="video-container">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/7yDXeEJEi0A" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>

如何在使用materialize css构建的网站中显示YouTube视频？

2 个答案: