设置海报图像隐藏所有CSS动画(Setting Poster Image hides all CSS animations)

设置海报图像隐藏所有CSS动画(Setting Poster Image hides all CSS animations)

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

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

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

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

目前有一张海报图片。

工作正常的第二页是： http ： //216.213.81.216/who-we-are/

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

最好，丹

I'm pulling my hair out over this one hiccup. I am using the Zeyn theme with a child theme installed over it. I have two separate pages that have a vimeo embed, and I want them both to have a poster image.

The problem is, on one of the pages there are about 10 divs with animations. When I assign a poster image any text element with an animation completely disappears.

On the second page, the embed, poster image, animations etc are all working just fine.

Here is the page that is NOT working properly. http://216.213.81.216/what-we-do-v3/

There is a poster image currently in place.

The second page that is working fine is here: http://216.213.81.216/who-we-are/

It currently doesn't have any animations assigned, but I just tested them on a bunch of different elements. I'm totally at a loss here.

Best, Dan

最满意答案

问题不是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，修复你的图标或上传一个。

the problem is not css. its JS. Check your console

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

basically its saying that

1, Change the privacy of the video.

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

3, fix your favicon or upload one.