设置海报图像隐藏所有 CSS 动画

Question

我正在为这个小问题拉扯我的头发。我使用的是 Zeyn 主题，上面安装了一个子主题。我有两个单独的页面，其中嵌入了 vimeo，我希望它们都有一张海报图片。

问题是，其中一个页面上有大约 10 个带有动画的 div。当我分配海报图像时，任何带有动画的文本元素都会完全消失。

在第二页上，嵌入、海报图像、动画等都运行良好。

这是无法正常工作的页面。 http://216.213.81.216/what-we-do-v3/

当前有一张海报图片。

第二个工作正常的页面在这里：http://216.213.81.216/who-we-are/

它目前没有分配任何动画，但我只是在一堆不同的元素上测试了它们。我在这里完全不知所措。

最好的，旦

Answer 1

问题不在于 css。它的 JS。检查你的控制台

https://player.vimeo.com/video/158187164 Failed to load resource: the server responded with a status of 403 (Forbidden)
158187164:1 Refused to load the image 'https://f.vimeocdn.com/p/images/forest.png' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

http://hospitalityq.gibbitz.com/wp-content/uploads/2015/03/logo-mark-favicon.png Failed to load resource: net::ERR_NAME_NOT_RESOLVED

基本上是说

1、更改视频隐私。

2, content="img-src 'self' data:; default-src 'self'

3，修复您的网站图标或上传一个。

Answer 2

感谢您的见解。我能够找到解决方法，尽管不是最好的解决方案！我在 Vimeo 上托管该站点，并且能够通过 Vimeo 分配海报图像。现在工作正常。谢谢大家

最好的，旦

设置海报图像隐藏所有 CSS 动画

Setting Poster Image hides all CSS animations

css

embed

video

animation

vimeo