HTMLでWEBMを表示

Question

私は開発中の1ページのWebサイトでwebmビデオを再生しようとしています。

何らかの理由で、正しく表示または再生されていません。私はバックエンドとしてPythonでDjangoを使用しており、フロントエンドとしてBootstrapを使用した単純な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> 

イメージに{％static ...％}を使用すると、正常に動作します。私はwebmまたはmp4タイプのファイルでなぜ違うのか分かりません。

ありがとうございます！

Answer 1

この問題は解決されました。基本的には、関連するファイルを正しいフォルダに配置していませんでした。だから、DjangoやPythonに問題はありませんでした。ファイルの配置には単純なエラーがありました。