Laying Out The Video Player Page

作者:Sys Admin 浏览(127) 评论(0)
1.html 






<div class="page">




<div class="left">




<div class="video">




<iframe width="720" height="405" frameborder="0" src="https://www.ixigua.com/iframe/7348697241701646857?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>



</div>


<div>


tools


</div>


</div>




<div class="right">


bullets




</div>








</div>








2. style





div{


  border:1px solid red;


  overflow:hidden;


}




.left{


  width:80%;


  min-height:420px;


  text-align:center;


  float:left;


  padding:30px;


}




.video{


  width:720px;


  height:405px;


  display:inline-block;


}


.right{


  float:right;


  width: 100px;


  margin: 15px 15px;


}








3. result





image.png





4. no border/ border white





image.png













没有登录不能评论