Hi i have been struggling with html5 videos for 3 days now. I can get the video working if it was static html on the page. Problem is the video is hidden and empty when the page the loads. Some user interaction fires an event that shows the video as a pop on. What i need to be able to do is stop / pause the video. reload sources and start the video
This code works on IE and firefox however when i came to test on the android phone it doesnt work. If i construct all the html and user innerHTML to replace the contents of the video tags then android works. However this method breaks on other browsers.
m4vvid = document.getElementById('m4vvid');
webmvid = document.getElementById('webmvid');
oggvid = document.getElementById('oggvid');
mp4vid = document.getElementById('mp4vid');
flashvarsparam = document.getElementById('flashvarsparam');
flashvarsembed = document.getElementById('flashvarsembed');
player = document.getElementById('main_vid_full');
How can i do this for android.
I figured out i can do
Which seems to play something on the android. However i do nt want it to break the other browsers and i wouldnt know which source i should be loading into .src. Do i need some browser detection. Im a bit stuck here