2016-11-21 17 views
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". 
+0

iframeをdiv内に読み込んでいるのはなぜですか?フルスクリーンのvidのためにCSSにiframeを与えてみませんか? – junkfoodjunkie

+0

良い提案しかし私はまだ同じ問題を持っています – SamYoungNY

+0

実際にそれを行い、 'z-index'がうまくいった、ありがとう!あなたが答えとしてそれを入れたら、私はそれを正しいとマークします。 – SamYoungNY

答えて