javascript - HTML5 video behavior on mobile devices -
javascript - HTML5 video behavior on mobile devices -
i building site have several <video>
elements (looped animations) deed part of design (not actual video). works quite in desktop browsers, yet in problem on mobile devices.when display site on android or ios devices (ie. mobile webkit) os's video player appearance , videos open in sort of popup when click them. know can bypass autoplay restrictions doing sth like:
window.onload = function() { var pelement = document.getelementbyid("myvideo"); pelement.load(); pelement.play(); };
but 1 time again open video(s) in seperate window...
does know of possibility emulate / enable desktop-like behavior on mobile devices? thanks!
edit: markup basic <video>
-syntax btw:
<video autoplay loop> <source src="vid.mp4" type="video/mp4" /> <source src="vid.ogg" type="video/ogg" /> <source src="vid.webm" type="video/webm" /> </video>
hmm, i'm not sure android ios devices can't run multiple video streams simultaneously:
multiple simultaneous sound or video streams
currently, devices running ios limited playback of single sound or video stream @ time. playing more 1 video—side side, partly overlapping, or overlaid—is not supported on ios devices. playing multiple simultaneous sound streams not supported. can alter sound or video source dynamically, however. see “replacing media source sequentially” details.
javascript html5 mobile html5-video mobile-webkit
Comments
Post a Comment