i've got page 5 separate bio sections. each 1 shows text , video , hides others. works in firefox , chrome, not ie9. 1 video loads in ie9. whichever 1 click on first. poster disappears right away video play. clicking on other name, video not pop up.
link , code follow. used standard method of including video , providing fallback. have thoughts?
http://www.friedmanllp.com/experienced_hires_people2.php
<video id="video1" controls="controls" poster="flash/poster_ayanna.jpg" preload="none" width="398" height="224"> <source src="flash/video_ayanna.webm" type="video/webm" /> <source src="flash/video_ayanna.mp4" type="video/mp4" codecs="avc1.42e01e, mp4a.40.2" /> <source src="flash/video_ayanna.ogv" type="video/ogg" /> <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360"> <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> <param name="allowfullscreen" value="true" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="config={'playlist':['flash%2fvideo_ayanna.jpg',{'url':'flash%2fvideo_ayanna.mp4','autoplay':false}]}" /> <img alt="ayanna" src="flash/poster_ayanna.jpg" width="398" height="224" title="no video playback capabilities. please try different browser." /> </object> </video>
ie throwing it's hands @ brute force pause videos.
$("#video1")[0].pause(); $("#video2")[0].pause(); $("#video3")[0].pause(); $("#video4")[0].pause(); $("#video5")[0].pause(); so made check see if video elements playing , paused them accordingly.
Comments
Post a Comment