我可以在嵌入式 Vimeo iframe 上添加 words/image 吗?如何?
Can I add words/image over an embedded Vimeo iframe? How?
如标题...我能做到吗?如果是这样,怎么办?我嵌入了一个 Vimeo 视频,但未能在其中添加文字。 Javascript 可以使用
非常感谢
带有绝对位置文本的解决方案:
#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 视频,但未能在其中添加文字。 Javascript 可以使用 非常感谢
带有绝对位置文本的解决方案:
#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 字幕: