Opera浏览器支持所有视频格式吗

我用javascript制作了一个视频播放器，用于我的网站。除了opera，所有浏览器（我还没有检查Safari）都可以播放我的视频文件！

现在如何使其与Opera浏览器一起工作或与任何浏览器一起支持

我希望用户也可以在他们的移动设备上播放我的视频，我需要采取进一步的行动吗

.PHP:

<section id="videoPlayer" title="Click on the 'Play' button to play">
<video id="myMovie" width="640" height="360">
<source src="webvid.mp4">
</video>
<nav id="control_bar">
<div id="buttons">
<button type="button" id="playButton">Play</button>
</div>
<div id="defaultBar">
<div id="progressBar"></div>
</div>
<div style="clear:both"></div>
</nav>
</section>

.JS:

/* start video player*/
 function doFirst(){
barSize=407.5;
myMovie=document.getElementById('myMovie');
playButton=document.getElementById('playButton');
bar=document.getElementById('defaultBar');
progressBar=document.getElementById('progressBar');
playButton.addEventListener('click', playOrPause, false);
bar.addEventListener('click',clickedBar,false);
}
function playOrPause(){
if(!myMovie.paused && !myMovie.ended){
myMovie.pause();
playButton.innerHTML='Play';
window.clearInterval(updateBar);
}else{
myMovie.play();
playButton.innerHTML='Pause';
updateBar=setInterval(update,500);
}
}
function update(){
if(!myMovie.ended){
var size=parseInt(myMovie.currentTime*barSize/myMovie.duration);
progressBar.style.width=size+'px';
}else{
progressBar.style.width='0px';
playButton.innerHTML='Play';
window.clearInterval(updateBar);
}
}
function clickedBar(e){
if(!myMovie.paused &&! myMovie.ended){
var mouseX=e.pageX-bar.offsetLeft;
var newtime=mouseX*myMovie.duration/barSize;
myMovie.currentTime=newtime;
progressBar.style.width=mouseX+'px';
}
}
window.addEventListener('load', doFirst,false);
/* end video player*/