Как я пытался понять, что такое transparent в черном черном плеере Adobe

Поиски привели меня к документам на сайте Adobe Adobe Flash Player Administration Guide for Flash Player 19 На форуме я нашел обсуждение этой темы и разместил здесь пример наложения одного фрейма на другой. Правда пример меня только запутал. С прозрачность плеера я разобрался позже, см. следующие посты.

В этом посте разрушена верстка (это же черновик для воспоминаний), так как оказалось, что position: absolute нарушается при экспорте из ipynb в html.

Flash wmode="transparent" still not working in IE
Welcome to the Flash Player Forums! To ask a question, please visit one of our friendly and helpful community forums below: •Installing Flash Player •Using Flash Player
Adobe Flash Player Administration Guide for Flash Player 19
Release Notes | Flash Player® 19 AIR® 19
Adobe Flash Player / FAQ

In [2]:

%%html
<div id="background" style="position:relative; left:0px; top:0px; z-index:-50">

    <iframe title="YouTube video player" frameborder="0" allowfullscreen="true" allowtransparency="true" 
    width="650px" height="750px" 
    src="http://www.youtube.com/embed/M7lc1UVf-VE?amp;wmode=transparent"></iframe>

</div>

<div id="myDiv" style="position:relative; left:0px; top:0px; z-index:1000;">

    <iframe title="YouTube video player" frameborder="0" allowfullscreen="true" allowtransparency="true"
    width="500px" height="500px"
    src="http://www.youtube.com/embed/M7lc1UVf-VE?amp;wmode=transparent"></iframe>

</div>

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [ ]:

In [4]:

%%html
<div id="flashContent">

<iframe title="YouTube video player" frameborder="0" allowfullscreen="true" allowtransparency="true" 
    width="650px" height="360px" 
    src="http://www.youtube.com/embed/M7lc1UVf-VE?amp;wmode=transparent"></iframe>

</div>

<iframe style="background:#333333;position:relative;z-index=99;left:200px;top:200px;width:200px;h eight:200px"></iframe>

<div style="position:relative;z-index=100;left:200px;top:200px;width:200px;height:200px">Here will be on top of flashContent.</div>

Here will be on top of flashContent.

Посты чуть ниже также могут вас заинтересовать