i have script works in webpage (to play video) doesn't work when seen in smartphone. can ?
probably way how videos played in webpage different when played in smartphone ?
here complete code popup running video :
<!doctype html> <html> <head> <meta charset="utf-8"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="//vjs.zencdn.net/4.11/video-js.css" rel="stylesheet"> <script src="//vjs.zencdn.net/4.11/video.js"></script> </head> <body> <video id="video_53" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" width="600" height="300" poster="filei.php?img=1440519095-aidactiv-presentation-des-cours-master-dynamique-definitif-" data-setup='{"example_option":true}'> <source src="filep.php?f=53&t=t&type=mp4&time=1443210646" type="video/mp4" /> <p class="vjs-no-js">veuillez utiliser un navigateur moderne et mettre à jour pour pouvoir visualiser la vidéo</p> </video> <script> jquery( document ).ready(function() { if(navigator.useragent.tolowercase().indexof('firefox') > -1) { jquery('#video_53 video source').attr( { src : 'filep.php?f=53&t=t&type=webm&time=1443210646', type : 'video/webm', }); } }); </script></body> </html> the working code can seen @ http://www.domain.com/. on right column, have 2 videos, 1 below another, opens in popup.
probably has vjs.zencdn code or there issue type of video (video/mp4 , video/webm here) smartphones ?
thanks help.
firstly, note second video not playing @ on either chrome or safari on mac, on safari on iphone or on samsung android tablet - issue not format/browser, rather link video source returning blank html doc rather video.
in other words src link in html5 video tag below not returning video:
<video id="video_0_html5_api" class="vjs-tech" preload="none" poster="filei.php?img=" data-setup="{"example_option":true}" src="filep.php?f=0&t=t&type=mp4&time=1443304042"> <source src="filep.php?f=0&t=t&type=mp4&time=1443304042" type="video/mp4"> <source src="filep.php?f=0&t=t&type=mp4&time=1443304042" type="video/webm"> <p class="vjs-no-js">veuillez utiliser un navigateur moderne et mettre à jour pour pouvoir visualiser la vidéo</p> </video> the first video work on above including mobile devices.
however, playback problematic on android device either default browser or chrome , appears require video play/pause button hit multiple times. may seeing, rather video not playing @ all. play if above video format fine.
there discussion on problem in various android video forums , appears may related android web 'double' click problem - when hit play button generates 2 clicks, playing , pausing video. see discussion here around video.js:
Comments
Post a Comment