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
Post a Comment