javascript - HTML5 Video Shows a black screen on load -


i trying load video using html5 , angularjs. video showing black screen , starts playing. occurs in android chrome browser.

i have tried poster image, , checked readystate of video (called play function after getting readystate value 4). initial black screen issue has not been fixed.

here's html:

<div class="load-image"></div> <div class="video-poster" style="display: none;">     <video id="video_intro" height="413" width="595" src="assets/video/video.mp4" poster="assets/images/mobile/image.png"></video> </div> 

and javascript code:

myvideo.load(); $('.fireneuron-button, .animate-button').click(function () {     var myvar = setinterval(function () {         var ready = myvideo.readystate;         if (ready == 4) {             myvideo.play();             clearinterval(myvar);         }     }, 1000); }); 

any appreciated.


Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -