Asp.net 旋转木马自动播放视频

我有一个带图像和视频的旋转木马，我决定自动播放视频。问题是，当我加载包含旋转木马的页面时，它会自动复制视频。当我放置在相应的幻灯片上时，我需要自动播放视频。问题是我不知道怎么做

<div id="carousel" class="carousel slide" data-ride="carousel">

            <div class="carousel-inner" role="listbox">
                @{bool Active = true;}
                @foreach (var item in Model.ListImage)
                {
                    <div class="item @(Activo ? "active" : "")">
                        <img class="img-responsive center-block" src="/content/images/@(item.File)" alt="">
                    </div>

                    Active = false;

                }
                @foreach (var item in Model.ListVideo)
                {
                    <div class="item" style="text-align: center;">
                        <video style="margin-bottom: 100px;" width="auto" height="500px" controls autoplay>
                            <source src="/content/images/@(item.File)" type="video/mp4">
                        </video>
                    </div>

                }

            </div>


                <!-- Controls -->
                <a class="left carousel-control" href="#carousel" role="button" data-slide="prev" ">
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel" role="button" data-slide="next" ">
                    <span class="sr-only">Next</span>
                </a>

        </div

@{bool Active=true；}
@foreach（Model.ListImage中的变量项）
{
主动=假；
}
@foreach（Model.ListVideo中的变量项）
{
}
我不知道您用于旋转木马的库，但您必须删除所有视频的“自动播放”属性，并在仅显示当前幻灯片时添加该属性

可能您的转盘上有一个回调，以便在当前幻灯片显示后更改它

编辑：

我查看引导转盘，您可以使用此事件：

$('#myCarousel').on('slid.bs.carousel', function () { // function called when the slide is showed
  $('.item video').removeAttr('autoplay'); // To stop all videos
  $('.item.active video').attr('autoplay', 'autoplay'); // To play the current video
});

你用什么图书馆制作这个旋转木马？或者它是定制的？我使用bootstrapI添加了代码，您可以使用它停止并播放视频。