嵌入带有 HTML5 视频元素且不带 iframe 的 Vimeo 视频

【问题标题】：Embed Vimeo video with the HTML5 video element and without iframe嵌入带有 HTML5 视频元素且不带 iframe 的 Vimeo 视频
【发布时间】：2014-05-07 16:35:02
【问题描述】：

我正在尝试使用 HTML5 视频元素将 Vimeo 视频嵌入网页，尽管 Vimeo 的嵌入代码使用 iframe。我想使用视频元素，以便我可以创建一个包含视频的完全响应式网页，但我在不使用 HTML5 的情况下遇到了麻烦。我尝试了几个工具，最成功的是使用 fitvidsjs，但响应不是 100%（黑条等）。

是否可以将 HTML5 视频元素与 Vimeo 视频一起使用（即没有 iframe）？ Vimeo API 能否帮助我实现这一目标？

【问题讨论】：

标签： javascript html vimeo

【解决方案1】：

您可以使用以下代码在 html 5 中显示

<object width="640" height="360">
    <param name="movie" value="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4"/>
    <param name="allowFullScreen" value="true"/>
    <param name="allowscriptaccess" value="always"/>
    <embed width="640" height="360" src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>

【讨论】：

全屏选项似乎不起作用，有什么想法吗？