Bootstrap 轮播

Question

我在我的应用程序中使用引导幻灯片，我正在使用一些图像和视频来滑动，但是当页面加载时，视频会立即自动播放。谁能帮我解决这个问题？

<div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
        <li data-target="#myCarousel" data-slide-to="4"></li>
        <li data-target="#myCarousel" data-slide-to="5"></li>
        <li data-target="#myCarousel" data-slide-to="6"></li>
    </ol>
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item">
            <img src="/Content/Images/image-01" alt="">
        </div>
        <div class="item">
            <img src="/Content/Images/image-02" alt="">
        </div>
        <div class="item">
            <img src="/Content/Images/image-03" alt="">
        </div>
        <div class="item">
            <img src="/Content/Images/image-04.png" alt="">
        </div>
        <div class="item">
            <img src="/Content/Images/image-05.png" alt="">
        </div>
        <div class="item">
            <img src="/Content/Images/image-06.png" alt="">
        </div>
        <div class="item">
            <div class="embed-responsive embed-responsive-4by3">
                <iframe src="/Content/Images/test-vedio.mp4" width="960" height="400" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

            </div>
        </div>
    </div>
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

Answer 1

将您的视频放入视频元素中，以便您可以操作其属性：

http://www.w3schools.com/tags/tag_video.asp