Question

我正在尝试在我的Bootstrap页面上使用YouTube视频，但由于某些原因，示例视频正在运行，但我放置的视频无法在页面上运行。

以下是代码：https://codepen.io/brachu21/pen/QOJNXd。

HTML：

<div class="container">
    <div class="row">
        <div class="col-sm-6">
            <h2>16:9 Responsive Aspect Ratio</h2>
            <div class="embed-responsive embed-responsive-16by9">
                <iframe class="embed-responsive-item" src="//www.youtube.com/embed/ePbKGoIGAXY"></iframe>
            </div>
        </div>
        <div class="col-sm-6">
            <h2>4:3 Responsive Aspect Ratio</h2>
            <div class="embed-responsive embed-responsive-4by3">
                <iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=Th29zm5u8yM"></iframe>
            </div>
        </div>
    </div>
</div>

CSS：

.container {
    background: #e3e3e3;
    margin-bottom: 20px;
    padding-bottom: 50px;
}
h1,
h4 {
    text-align: center;
    margin-bottom: 50px;
}
h1 i {
    color: pink;
}

Answer 1

您的YouTube视频版本似乎有误。您需要使用嵌入链接。尝试将此链接用于第二个视频：https://www.youtube.com/embed/Th29zm5u8yM

ZMQ_SNDMORE

.container {
    background: #e3e3e3;
    margin-bottom: 20px;
    padding-bottom: 50px;
}
h1,
h4 {
    text-align: center;
    margin-bottom: 50px;
}
h1 i {
    color: pink;
}

Answer 2

您需要使用嵌入网址。

您应将网址更改为https://www.youtube.com/embed/Th29zm5u8yM

引导程序中的Youtube视频无法正常工作

2 个答案: