illegalpacket
New Member
I want to create a video player which is able to play these video files:\[code\] 'mpg': 'mov': 'wmv': 'rm': '3g2': '3gp': 'm4v': 'mp4': 'asf': 'asx': 'avi': 'flv': 'srt': 'swf': 'vob':\[/code\]The videos will be used in an online exam as some questions may require watching a video for information. The video needs to work on all major browsers. Be able to work on computer or ipad.My question is what is the best way for me to create a html video player? Do I go for the HTML5 + object + embed method (sample):\[code\]<video width="320" height="240" controls> <source src="http://stackoverflow.com/questions/14544109/movie.mp4" type="video/mp4"> <source src="http://stackoverflow.com/questions/14544109/movie.ogg" type="video/ogg"> <source src="http://stackoverflow.com/questions/14544109/movie.webm" type="video/webm"> <object data="http://stackoverflow.com/questions/14544109/movie.mp4" width="320" height="240"> <embed src="http://stackoverflow.com/questions/14544109/movie.swf" width="320" height="240"> </object> </video>\[/code\]To include the other file types do I just include more \[code\]<embed>\[/code\] tags to support those files?Or is the best way by using the \[code\]Youtube\[/code\] player which is this:IFRAME:\[code\]<iframe width="420" height="345"src="http://www.youtube.com/embed/XGSy3_Czz8k"></iframe>\[/code\]ORSHOCKWAVE:\[code\]<embedwidth="420" height="345"src="http://www.youtube.com/v/XGSy3_Czz8k"type="application/x-shockwave-flash"></embed>\[/code\]I saw this example on SO as well but not sure if it is good to use or not:\[code\]<object id='tempVid1' name="emQTPlayer" height="240px" width="320px" style="behavior: url(#BinaryBehaviorID)" codebase="http://www.apple.com/qtactivex/qtplugin.cab" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"> <param name="autoplay" value="http://stackoverflow.com/questions/14544109/false" /> <param name="src" value="" /> <param name="controller" value="http://stackoverflow.com/questions/14544109/true" /> <param name="type" value="http://stackoverflow.com/questions/14544109/video/quicktime" /> <param name="align" value="http://stackoverflow.com/questions/14544109/bottom" /> <param name="border" value="http://stackoverflow.com/questions/14544109/0" /> <param name="scale" value="http://stackoverflow.com/questions/14544109/tofit" /> <%-- <param name="wmode" value="http://stackoverflow.com/questions/14544109/transparent">--%> <param name="showcontrols" value="http://stackoverflow.com/questions/14544109/true"> <embed id='tempVid2' name="emQTPlayer" type="video/quicktime" autoplay="false" height="auto" width="auto" align="top" border="0" controller="true" postdomevents="true" pluginspage="http://www.apple.com/quicktime/download/" showcontrols="true" scale="tofit" src='' /> </object>\[/code\]MORE INFO here: http://www.w3schools.com/html/html_videos.asp