1. дома
  2. Вопрос и ответ
  3. Как обеспечить размер тега embed для размера тега div?

Как обеспечить размер тега embed для размера тега div?

2014-11-06 4 views
1

Как я могу ввести размер тега embed в размер тега div, я могу изменить размер тега embed, чтобы он был таким же, как тег div, но я хочу получить полное повторение тега embed (тег embed используется для веб-камера)Как обеспечить размер тега embed для размера тега div?

<div style="background-color: #111; width: 80%; height:500px; margin-left: auto; margin- ight: auto; ">  

<embed id="webcam_movie" wmode="Transparent" src="../Scripts/webcam.swf" loop="false" menu="true" quality="best" bgcolor="#ffffff" name="webcam_movie" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="shutter_enabled=1&amp;shutter_url=../Scripts/shutter.mp3&amp;width=800&amp;height=600&amp;server_width=800&amp;server_height=600" height="600" width="800" align="middle"> 

</div>

источник

2014-11-06 Ahmed Shamel

+0

Просто применять те же стили? – nicael

ответ

1

вы можете использовать этот трюк обертку встраивать в DIV и определить правила CSS

<head> 
    <style> 
    .flash-container { 
     height: 0; 
     overflow: hidden; 
     padding-bottom: 56.25%; 
     padding-top: 30px; 
     position: relative; 
    } 
    .flash-container embed { 
     height: 100%; 
     left: 0; 
     position: absolute; 
     top: 0; 
     width: 100%; 
    } 
    </style> 
    </head> 
    <body> 
    <div class="flash-container" style="background-color: #111; width: 80%; height:500px; margin-left: auto; margin-right: auto; ">  

    <embed id="webcam_movie" wmode="Transparent" src="../Scripts/webcam.swf" loop="false" menu="true" quality="best" bgcolor="#ffffff" name="webcam_movie" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="shutter_enabled=1&amp;shutter_url=../Scripts/shutter.mp3&amp;width=800&amp;height=600&amp;server_width=800&amp;server_height=600" height="600" width="800" align="middle"> 

    </div> 
    </body>

источник

2014-11-06 23:09:01 LTasty

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

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