Zurb foundation 基础5轨道- HTML5视频不启动

我试图在轨道滑块中添加一个短循环视频，但视频实际上并没有启动。我发现，如果删除“数据轨道”，视频将按预期进行初始化和循环，但我意识到数据轨道是滑块初始化所必需的。我该怎么做才能让视频真正播放

<ul class="example-orbit-content" data-orbit data-options="timer_speed: 5000; pause_on_hover: true; resume_on_mouseout: true; navigation_arrows: true; slide_number: false;  variable_height: false; next_on_click: true; swipe: false;">
                <li>
                    <video autoplay loop poster="resources/cover.jpg" id="bgvid">
                        <source src="resources/corn.webm" type="video/webm">
                        <source src="resources/corn.mp4" type="video/mp4">
                    </video>
                </li>

                <li data-orbit-slide="headline-1">
                  <img src="img/dallas.jpg" />
                </li>

                <li data-orbit-slide="headline-2">
                   <img src="img/casey.jpg" />
                </li>

                <li data-orbit-slide="headline-3">
                   <img src="img/jared.jpg" />
                </li>
           </ul>

它似乎与滑块如何处理整个滑块的播放有关。我设法解决了这个问题

<script>$('#bgvid').get(0).play();</script>

$（'#bgvid'）.get（0.play（）；

之后

$（document.foundation（）；

在框架内

<script>$(document).foundation();</script>