图像或div vimeo视频

Question

最简单的方法是在中间放置一个包含vimeo视频的按钮？我想要的是第一帧是在这个div后面，当我按下＆＃34; div＆＃34;视频播放。当我暂停视频时，div会再次切换视频。对不起，如果我没有解释这个问题，我很抱歉。我想要的基本上是视频中间的自定义播放按钮。当我按下它时，视频开始播放，我的播放按钮与div ...一起淡出...

不确定标记的外观，但我猜这样的事情：

<div class="video-cover">
<button>Play</button>
<iframe></iframe>
</div>

视频封面课程涵盖了视频，当我按下播放时，它会逐渐淡出，视频开始播放。

Answer 1

你最大的障碍是不会成为你的标记。要制作自定义播放/暂停按钮，您需要使用Vimeo的JavaScript API。我建议reading through this，它解释了如何使用API​​进行自定义播放/暂停按钮。

在你工作之后，你就可以开始担心你的标记了。

<div class="video-cover">
<iframe></iframe>
<div class="play">Play</div>
</div>

此标记可以使用，您需要设置z-index低iframe和play高的{{1}}。