2013-11-21 2 views
0
div#overlay(ng-show="play_video") 
    div#video_container 

по нажатию кнопки, я поставил play_video = истинный, который динамически строит тег видео (источник должен быть построен динамически:видео поверх наложения появляется еще непрозрачной

<video controls=""> 
    <source src="/videos/test7.mp4" type="video/mp4"> 
</video> 

Все работы отлично, но мое видео выглядит непрозрачным, как будто за наложением. Я проверил множество решений, которые рассказывают о z-индексе и позиции, но я все равно не понимаю. Что я вижу перед видео? Я также постарался поставить позицию: абсолютный и самый высокий индекс z на сам элемент видео - нет успеха. http://jsfiddle.net/5LGD9/

#overlay { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #000; 
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    z-index: 100; 
} 

#video_container { 
    z-index: 2000; 
    position: absolute; 
} 

ответ

0

Ввод video_container, как родной брат накладываемого сделал трюк:

div#overlay(ng-show="play_video") 
div#video_container 
Смежные вопросы