javascript - 使用 HTML5 视频元素且不使用 iframe 嵌入 Vimeo 视频

标签 javascript html vimeo

我正在尝试使用 HTML5 视频元素将 Vimeo 视频嵌入到网页中,尽管 Vimeo 的嵌入代码使用的是 iframe。我想使用视频元素,以便创建包含视频的完全响应式网页,但我在不使用 HTML5 的情况下遇到了问题。我尝试了几种工具,最成功的是使用 fitvidsjs,但响应不是 100%(黑条等)。

是否可以将 HTML5 视频元素与 Vimeo 视频一起使用(即没有 iframe)? Vimeo API 可以帮助我实现这一目标吗?

最佳答案

您可以使用以下代码在 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>

关于javascript - 使用 HTML5 视频元素且不使用 iframe 嵌入 Vimeo 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23523420/

相关文章:

javascript - 如何生成正则表达式字符串来检查第二个单词是否大写

javascript - 缓存对象项的完整路径然后使用它进行分配不起作用

html - IE11 盒子阴影扩散和边框半径

javascript - Vimeo javascript api player.play() 不播放

javascript - 如何在不使用脚本的情况下使 summernote 禁用或只读?

javascript - 保护 Node.js 中的 API 路由

javascript - 3D CSS3 风景的自动大小 - 计算 3D DIV 的像素大小?

html - 使用 meta http-equiv ="refresh"和 gh-pages 的相对重定向

html - 将 div 强制设置为 iframe 旁边的 "float"?

javascript - 使用 JavaScript 解析 Vimeo ID?