twitter bootstrap - Displaying a WEBM in HTML -


trying webm video play on single page website i'm developing.

for reason it's not displaying or playing properly. i'm using django python backend , simple html bootstrap front end.

really appreciate help.

here's code.

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

when use {% static ...%} images works fine. don't understand why different webm or mp4 type files.

thanks in advance!


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -