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

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

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

HTML:

它似乎适用于Safari、Chrome和Firefox（尚未尝试IE），但Safari和Firefox似乎切断了播放/暂停按钮。另外，当我第一次在任何浏览器中进入页面时，我会看到一个Q（QuickTime徽标）。我在Mac电脑上工作，但为什么这会发生在我的网站上，而不是我访问的其他网站上

---

简而言之，有没有更好的方法来做到这一点，这样这些事情就不会发生（alt视频格式或其他）？我不反对在Vimeo上主持这个视频，如果它有助于避免这些问题的话，我也不反对它

使用HTML5视频标签：

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

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

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

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