كود فيديو يوضع في عناصر مستقله
- الكود:
-
<div align="center">
<div class="row" style="margin-left: -5px; margin-right: -5px;">
<div class="col-lg-12">
<center>
<h1>
<br />
</h1>
</center>
</div>
</div>
<div class="row" style="margin-left: -5px; margin-right: -5px;">
<div class="col-lg-9">
<div style="padding:10px; margin-left: 10px; margin-right: 10px;">
<div class="col-md-8" style="padding-left:10px;">
<ul class="list-unstyled">
<li>
<div id="download_link1">
</div>
</li>
</ul>
</div>
<div class="col-sm-12">
<div id="player1" class="player">
</div>
<div id="preview" class="preview_1">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/E8ESU36K3jc?rel=0&showinfo=0&autoplay=1 frameborder=" 0"="" allowfullscreen=""> </iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
.mpips {text-decoration:none;}
.mpips a{text-decoration:none;
color: #477583;
font-size: 75%;}
.mo{display:none;}
.mh{display:block;}
.mb{display:none;}
@media screen and (max-width:914px){
.mo{display:block;}
.mh{display:none;} }
</style>
</div>