HTML5 Video (both webm and MP4) are showing a blank white screen and aren't playing -
HTML5 Video (both webm and MP4) are showing a blank white screen and aren't playing -
i've done hr of googling either suck @ it, or isn't mutual issue.
here's video tag:
<video class="video-background" preload="none" loop="loop" autoplay="autoplay"> <source src="/resource/video/ripples.webm" type="video/mp4"> <source src="/resource/video/ripples.mp4" type="video/mp4"> browser not back upwards video tag. </video>
no matter order place them in, neither webm
nor mp4
load, show blank white screen. i'm not getting 404 server videos should coming downwards server?
appreciate input
edit: removed preload="none"
attribute , first frame of video shows up, doesn't auto-play rest of video reason (despite having autoplay="autoplay"
on element.
is demo working @ server? it´s markup different demo films:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>test</title> <link rel="stylesheet" href="style.css" /> </head> <body> <video class="video-background" preload="none" loop="loop" autoplay="autoplay"> <source src="http://techslides.com/demos/sample-videos/small.webm" type="video/mp4"> <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> browser not back upwards video tag. </video> </body> </html>
online demo : http://barbatti.de/demo.html
html5 html5-video mp4 webm
Comments
Post a Comment