Placing videos next to each other using a table - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table

Description

Placing videos next to each other using a table

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <style>
#videoal video<!--from w ww  .ja  v  a 2 s  . c  o  m-->
 {
   margin:31px 0px 0px 21px;
   float:left;
}

#videoal
 {
   margin:51px 21px 11px 21px;
   width:301px;
}
</style> 
 </head> 
 <body translate="no"> 
  <div id="videoal"> 
   <table> 
    <tbody> 
     <tr> 
      <td> 
       <video width="200" height="200" controls> 
        <source src="Videos.mp4" type="video/mp4"> 
        <source src="Videos.ogg" type="video/ogg"> 
       </video> </td> 
      <td> 
       <video width="200" height="200" controls> 
        <source src="Videos.mp4" type="video/mp4"> 
        <source src="Videos.ogg" type="video/ogg"> 
       </video> </td> 
     </tr> 
    </tbody> 
   </table> 
  </div>  
 </body>
</html>

Related Tutorials