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>

在框架中。

基础5 - 轨道 - HTML5视频无法启动

1 个答案: