Full-Width Vimeo Встроенный невосприимчивый

Я встроил vimeo в пределах div, который является полной шириной окна просмотра. Видео работало отлично в течение нескольких дней, но теперь кнопка воспроизведения (и все остальные кнопки) полностью не реагирует.Full-Width 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, он работает правильно.

Console сообщение:

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".

источник

2016-11-21 SamYoungNY

Почему вы загружаете iframe внутри div? Почему бы вам просто не дать iframe CSS для полноэкранного просмотра? – junkfoodjunkie

хорошее предложение, но у меня все еще есть та же проблема – SamYoungNY

на самом деле - делая это и редактирование 'z-index' действительно работало, спасибо! если вы положите его в качестве ответа, я буду отмечать его правильно. – SamYoungNY

Загрузите автономный, добавив full-screen-vid класс к нему, должно работать.

источник

2016-11-22 00:13:23 junkfoodjunkie

Full-Width Vimeo Встроенный невосприимчивый

ответ

Смежные вопросы