在个人网站上上传视频的最佳方式是什么？

Question

在个人网站上播放视频剪辑的最佳方式是什么？

我正在从头开始编写我的网站，并在我的网站上实现了以下代码：

HTML：

<object data="example.mp4"></object> 

CSS：

#ID object {width: #px; height: #px; margin: #px}

它似乎适用于 Safari、Chrome 和 Firefox（没有尝试过 IE），但是 Safari 和 Firefox 似乎切断了播放/暂停按钮。此外，当我第一次在任何浏览器中访问该页面时，我都会看到一个 Q（QuickTime 徽标）。我正在使用 Mac，但为什么会在我的网站上发生这种情况，而不是在我访问的其他网站上？

简而言之，有没有更好的方法来做到这一点，这样这些事情就不会发生（替代视频格式之类的）？如果这有助于避免这些问题，我不反对将视频托管在 Vimeo 或替代景点上。

Answer 1

使用 HTML5 视频标签：

<video width="pixelswide" height="pixelshigh" controls>
<source src="example.mp4" type="video/mp4">
</video>

它适用于所有浏览器（Opera 25+ 和 Firefox 21+）。唯一的缺点是每个浏览器上的控件都不一样。