我可以在嵌入式 Vimeo iframe 上添加 words/image 吗？如何？

Question

如标题...我能做到吗？如果是这样，怎么办？我嵌入了一个 Vimeo 视频，但未能在其中添加文字。 Javascript 可以使用非常感谢

Answer 1

带有绝对位置文本的解决方案：

#video-container{
  position:relative;
  width:auto;
}

#foreground-text{
  position:absolute;
  top:50%;width:100%;text-align:center;
  margin:0 auto;
  
  color: white;font: bold 20px;

}

<div id="video-container">
  <iframe src="https://player.vimeo.com/video/36477715" width="100%" height="300"  frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/36477715">Things Programmers Also Know</a> from <a href="https://vimeo.com/bluekeyes">Billy Keyes</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
  <span id="foreground-text">Some text</span>
  
</div>

（视频在片段框架中不起作用）

您还可以使用 WebVTT 字幕：

我可以在嵌入式 Vimeo iframe 上添加 words/image 吗？如何？

Can I add words/image over an embedded Vimeo iframe? How?

html

iframe

embed

embedded-resource

vimeo