Question

我在div内嵌入了一个vimeo，它是视口的全宽。该视频完美地工作了几天，但现在播放按钮（以及所有其他按钮）完全没有响应。

我已经尝试过使用z-index，但这不起作用。

<div class="full-screen-vid">
  <iframe src="https://player.vimeo.com/video/192013765" width="100%" height="700" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

.full-screen-vid {
   width: 100vw;
   position: relative;
   left: 50%;
   right: 50%;
   margin-left: -50vw;
   margin-right: -50vw;
   margin-top: 90px;
   z-index: -1;
}

我在控制台中收到了一条奇怪的消息，我查了一下并尝试修复，但我不认为这是问题（或整个问题），因为如果删除视频来自full-screen-vid，它可以正常工作。

控制台消息：

Refused to load the script'data:application/javascript;base64,KGZ1bmN0aW9xxxxIGZ1…xxxxxxxxxxxx=' 
because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' 
https://f.vimeocdn.com https://ssl.google-analytics.com https://js-agent.newrelic.com https://bam.nr-data.net https://f.vimeocdn.com".

Answer 1

单独加载<iframe>，将full-screen-vid类添加到其中，应该有效。

全宽Vimeo嵌入无响应

1 个答案: