Question

我用javascript制作了一个视频播放器，用于我的网站。所有浏览器（我还没有检查过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*/

Answer 1

我相信Opera仅支持.webm和.ogg视频格式。 https://dev.opera.com/articles/opera-supports-webm-video/

我会将您的视频转换为.ogv和.webm添加其来源以支持大多数浏览器。

<video id="myMovie" width="640" height="360">
    <source src="webvid.ogv" type="video/ogg">
    <source src="webvid.webm" type="video/webm">
    <source src="webvid.mp4" type="video/mp4">
    <!-- else --> Your browser doesn't support HTML5 video
</video>

Answer 2

试着更新opeara。可能是你的歌剧老了所以不能玩mp4。

Opera浏览器是否支持所有视频格式？

2 个答案: