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

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -