HTML5视频播放/小等按钮刷新？

Question

我正在尝试创建一个ASP.NET页面，并在其上使用一些HTML5。其中大部分来自w3schools的示例。

编辑我使用铬作为我的主要测试浏览器。mp4和ogg在火狐中都不起作用，整个视频标签在ie8中也不起作用。因为我使用xp，所以ie9是不可能的。如果需要的话，我可以安装歌剧或狩猎.如果有帮助请告诉我。

代码：

<div> 
<video id="movieid" width="420">
<source src="movie.mp4" type="video/mp4" />
<source src="oggbestand.ogg" type="video/ogg" />
<p>Als uw browser te oud is, word deze melding weergegeven. Excuses voor het ongemak!</p>
</video>
<button onclick="playPause()">Play/Pause</button> 
<button onclick="makeSmall()">Small</button>
<button onclick="makeNormal()">Normal</button>
<button onclick="makeBig()">Big</button>
<br /> 
</div>  

<script>
function playPause() {
var myVideo = document.getElementById("movieid");
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig() {
var myVideo = document.getElementById("movieid");
myVideo.width = 560;
}
function makeSmall() {
var myVideo = document.getElementById("movieid");
myVideo.width = 320;
}
function makeNormal() {
var myVideo = document.getElementById("movieid");
myVideo.width = 420;
} 
</script>

问题：上面的四个按钮似乎有效。然而，不知怎么的，页面刷新了什么的，将视频恢复到原来的大小。有人能帮我解决这个问题，或者甚至解决它吗？

谢谢你的帮忙!

Answer 1

无论何时单击按钮，都会触发回发，因此这里所发生的情况是运行一些javascript代码来编辑HTML，然后触发一个完整的回发，这将为您提供一个全新的HTML页面。

简单修复:添加“返回false;”

<button onclick="playPause(); return false;">Play/Pause</button> 
<button onclick="makeBig(); return false;">Big</button>
<button onclick="makeSmall(); return false;">Small</button>
<button onclick="makeNormal(); return false;">Normal</button>