HTML 视频自动播放不适用于 Chrome 上的 bxSlider

Question

所以我使用 bxSlider 制作了这个滑块，效果很好。除了在 Chrome 上。在 Chrome 中，它嵌套在滑块内时不会读取 <video> 标签内的任何属性。所以没有自动播放，控件仍然可用。

这是代码，非常简单：

<ul class="slider bxslider" id="slider">
    <li id="01" class="slide">
        <video autoplay loop muted poster="img/01.jpg">
            <source src="img/pickup.webm" type="video/webm">
            <source src="img/pickup.mp4" type="video/mp4">
        </video>
    </li>
    <li id="02" class="slide">
        <img src="img/02.jpg">
    </li>
</ul>

这在所有其他浏览器上都可以正常工作。如果我在滑块<ul> 之外使用相同的代码，一切正常。我发现一些使用 JS 的黑客应该可以解决这个问题，但我更愿意在不使用 JS 的情况下解决这个问题。有什么想法吗？

Answer 1

我能得到的最佳解决方法是在 </video>tag 之后添加此代码。

<script>
    document.getElementById('vid').play();
</script>

不漂亮，但不知何故它对我有用。

Answer 2

添加 video: true 和 fitvids.js 插件解决了这个问题。