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;
}