Foundation 5 - Orbit - HTML5視頻無法啓動

Question

我正在嘗試將一個短循環視頻添加到Orbit滑塊，但視頻實際上並未啓動。我發現，如果我刪除「數據軌道」，視頻將按照預期進行初始化和循環，但是我意識到數據軌道對於滑塊初始化是必要的。我能做些什麼來讓視頻真正播放？

<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> 

Answer 1

看起來它與滑塊過程如何整體滑動滑塊有關。我設法通過把

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

後

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

在框架

來解決這個問題。