1
私はビューポートの全幅であるdiv
内にvimeoを埋め込んでいます。ビデオは数日間は完璧に動作しましたが、再生ボタン(と他のすべてのボタン)は完全に反応しません。全角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
から正しく動作します。
コンソールメッセージ:スタンドアローン、それに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".
iframeをdiv内に読み込んでいるのはなぜですか?フルスクリーンのvidのためにCSSにiframeを与えてみませんか? – junkfoodjunkie
良い提案しかし私はまだ同じ問題を持っています – SamYoungNY
実際にそれを行い、 'z-index'がうまくいった、ありがとう!あなたが答えとしてそれを入れたら、私はそれを正しいとマークします。 – SamYoungNY