在HTML中显示WEBM

Question

试着在我正在开发的一个网页网站上播放webm视频。

因为某种原因，它没有正确地显示或播放。我使用Django和Python作为后端，使用简单的HTML和引导作为前端。

真的很感激你的帮助。

这是密码。

<div class="col-xs-6 nopadding full-screen force-full-screen dark videoplay-on-hover">
                <div class="vertical-middle ignore-header center">
                    <h2 class="nobottommargin ls1 font-body">different.</h2>
                </div>
                <div class="video-wrap">
                    <video id="slide-video" poster="{% static 'img/videos/1.jpg'%}" preload="auto" loop muted>
                        <source src="{% static 'img/videos/1.webm' %}" type='video/webm' />
                        <source src="{% static 'img/videos/1.mp4' %}" type='video/mp4' />
                    </video>
                    <div class="video-overlay" style="background-color: rgba(0,0,0,0.2);"></div>
                </div>
            </div>

当我对图像使用{%静态...%}时，它工作得很好。我真的不明白为什么webm或mp4类型的文件会有所不同。

提前感谢！

Answer 1

这个问题已经解决了。基本上，我没有将相关的文件放在正确的文件夹中。因此Django或Python没有问题--只是文件放置中的一个简单错误。