设置海报图片隐藏所有 CSS 动画答案

【问题标题】：Setting Poster Image hides all CSS animations设置海报图片隐藏所有 CSS 动画
【发布时间】：2016-08-13 20:35:48
【问题描述】：

我正在为这个打嗝拉头发。我正在使用 Zeyn 主题，并在其上安装了一个子主题。我有两个单独的页面嵌入了 vimeo，我希望它们都有海报图像。

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

在第二页上，嵌入、海报图像、动画等都工作得很好。

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

目前有一张海报图片。

运行良好的第二页在这里：http://216.213.81.216/who-we-are/

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

最好，丹

【问题讨论】：

不清楚你在说的引用页面上的哪些元素......你能更准确吗？

标签： css animation video embed vimeo

【解决方案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' 数据:; default-src 'self'

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

【讨论】：

【解决方案2】：

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

最好，丹

【讨论】：