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

标签 css animation video embed vimeo

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

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

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

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

目前有一张海报图片。

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

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

最好的, 丹

最佳答案

问题不是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、修复您的网站图标或上传一个。

关于css - 设置海报图像隐藏所有 CSS 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36756106/

相关文章:

javascript - Jquery 粘性菜单未被页脚捕获

javascript - 使用 Z-index 滚动浏览 Div

css - 难以理解 CSS 动画

python - 在 Julia 中使用 PyPlot 为动画实现迭代器

css - 保持三 Angular 形边缘可见,其余部分隐藏

移动尺寸的 HTML 背景视频?

html - 使 li 背景色跨越整个 ul 宽度 CSS

javascript - 使用 jquery 格式化和验证 CSS

video - H264 NAL 单元 header - 检测类型并以这种格式引入自定义视频

video - 推特 API : Invalid Content response while uploading video