我可以在嵌入式Vimeo iframe上添加单词/图像吗?怎么样?

时间:2015-04-18 21:43:12

标签: html5 iframe embed embedded-resource vimeo

作为标题......我甚至可以这样做吗?如果是这样,怎么样?我已经嵌入了Vimeo视频但未能在其上添加文字。 Javascript能够使用 非常感谢

1 个答案:

答案 0 :(得分:0)

具有绝对位置的文本的解决方案:



#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>
&#13;
&#13;
&#13; (视频不会在片段框架中工作)

您还可以使用WebVTT字幕: