HTML5 video controls - Cannot play after pause in chrome only -


hiya hoping if possible please. have html5 video acting strange when viewed in chrome.

when user hits play first time, video plays. if click pause video pauses. play button doesn't work @ , way make video play click video screen.

any ideas on why happening , how can fix issue please?

here's code i'm using:

<video width="560" height="320" preload controls> <source src="videos/testimonial2.mp4" type="video/mp4" /> <source src="videos/testimonial2.ogv" type="video/ogg" /> <source src="videos/testimonial2.webm" "type=video/webm" /> <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="560" height="320"> <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> <param name="wmode" value="transparent" /> <param name="bgcolor" value="#ffffff" /> <param name="quality" value="high" /> <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="get adobe flash player" /> </a> <param name="flashvars" value="vdo=videos/testimonial2.flv&amp;autoplay=false" /> <!--[if !ie]>--> </object> <!--<![endif]--> </object> </video>

thank :)

i ran same problem today. chrome causing issue. play video , after amount of time, pause it. when trying resume video after being paused amount of time, play split second , freeze.

the solution have found set preload="none". not sure why works, did me. problem no longer have preview image shown using workaround use internet explorer. run workaround on browsers. see below.

<div style="display:inline-block; margin-top:-14px; padding:5px;">   <video id="video14" width="310" height="200" style="background:#000000 url('images/play.png') no-repeat;" preload="none" controls>     <source src="videos/video1.mp4" type="video/mp4">     <object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="310" height="200">       <param name="src" value="videos/video1.mp4">       <param name="type" value="video/mp4">       <param name="controller" value="true">       <param name="autoplay" value="false">       <embed src="videos/video1.mp4" type="video/mp4" width="310" height="200" controller="true" autoplay="false"></embed>     </object>   </video>   <script>     document.getelementbyid('video14').onclick = function () {       document.getelementbyid('video14').play();       document.getelementbyid('video14').onclick = '';       document.getelementbyid('video14').style.background = '';     };   </script> </div>

above, give video id , background image of play button. set javascript play video when clicked , remove onclick function background after clicked first time. can set background image image of choosing. kept simple using play button. can use poster attribute instead of setting background image. if use poster, don't need additional javascript remove background.

hope helps.

-john

edit: tried using poster attribute, didn't work in ie9, sticking background now. tried using video.js poster didn't take in ie9. guess ie9 doesn't posters, heh.


Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

c++ - qgraphicsview horizontal scrolling always has a vertical delta -

Image
i've subclassed qgraphicsview custom canvas used in cad application. i've reimplemented qgraphicsview::wheelevent check keyboard modifiers control key and, if control key pressed, zoom. i'm trying implement horizontal scroll when user holds shift , uses wheel. the problem i'm having horizontal scrolling always scrolls 0.279. not huge problem, hugely annoying , points else being wrong. so, here questions: is right way implement horizontal scrolling? if not, is? how eliminate delta of 0.279? thanks in advance. code , sample output below void myview::zoom(int delta) { double factor = pow(1.2, delta/abs(delta)); this->scale(factor, factor); } void myview::scrollhorizontal(int level) { qpointf center = maptoscene(viewport()->rect().center()); qdebug() << "center: " << center.x() << ", " << center.y(); centeron(qpointf(center.x() - level, center.y())); } void myview::wheelevent(qwheeleve...
Read more