时间戳

首页 > 解决方案 > 如何禁用 MaterializeCss 轮播的自动过渡？

html - 如何禁用 MaterializeCss 轮播的自动过渡？

问题描述

我有显示视频幻灯片的轮播。在播放当前视频时，轮播会自动将视图转移到下一个 corousel-item 视频。我该如何解决这个问题？使用轮播显示视频库是一种不好的方式吗？

<h4 class="stylish_headline center ">-Video Gallery-</h4>

<?php $rows= $data["img"];?>
<div class="row" id="posts">

    <div class="col s12 m12 l12">
        <div class="carousel " data-indicators="true" style="margin-top:  -80px;" >

            <?php
            foreach ($rows as $row){?>
            <a class="carousel-item "  href="#one!" style=" width: 300px !important;">
                <video class="responsive-video" controls>
                  <source src="video/<?= $row['VIDEO_LINK'] ?>" type="video/mp4">
                </video>
            </a>
            <?php }?>
        </div>
    </div>
 </div>
<script type="text/javascript" >
     $(document).ready(function(){
    $('.carousel').carousel({ 

    });

  });

</script>

标签： htmlcarouseltransitionmaterialize

解决方案

推荐阅读