尝试在我的网站上获得良好的html5视频。以下是本地观察到的问题和观察：
在Firefox中 1.当你将鼠标移到视频上时，视频口吃，音频继续 2.第一个视频播放效果最好，但不如chrome 3.其他2个视频播放效果不佳，音频播放但视频卡顿/停止
在Chrome中 1.视频1上可见的海报图像，在视频2和3上不可见 - 你只看到控件 2.视频播放效果很好，当你将鼠标移到视频上时，没有口吃......暂停和播放效果很好 在所有3个视频中......
也许ogg格式不如mp4那么流畅？此外，我不清楚在页面上运行多个视频时所需的代码更改。我确实添加了一个id，但没有相应的CSS，所以我只是不清楚...
以下是我正在使用的代码：
<video id="vid2" video controls= "controls" preload="metadata" width="640" height="360" poster="video-blog/clarkekoiblog-greenhouse.jpg" tabindex="0">
<source src="video-blog/clarkekoiblog-greenhouse.mp4" type="video/mp4"><!--for chrome,safari-->
<source src="video-blog/clarkekoiblog-greenhouse.ogv" type="video/ogg"><!--for firefox-->
<source src="video-blog/clarkekoiblog-greenhouse.webmvp8.webm" type="video/webm">
<p><em> If you do not see a video here, please refer to the info at the bottom of the page</em></p>
</video>
寻找评论，解决方案，无论如何使这项工作。 谢谢你