Recommended (above). Including a "style" on the Player DIV,
then adjusting the size using the width and height (or size) Player Options

 

 

 

 

 

HTML 5 doesn't allow "height" or bgcolor on a table element. These must be defiend via style.

 

 

 

Centering Examples

  1. <!-- -->
  2. <div style="width:600px;height:400px;background-color:#c0e1ff;">
  3. <div style="width:100%;height:100%;" data-wimpyplayer data-size="300,200"></div>
  4. </div>
  5. <p>Recommended (above). Including a "style" on the Player DIV, <br>then adjusting the size using the width and height (or size) Player Options</p>
  6. <!-- -->
  7. <div style="width:600px;height:400px;background-color:#c0e1ff;display:table-cell;vertical-align:middle;">
  8. <div data-wimpyplayer></div>
  9. </div>
  10. <!-- -->
  11. <div style="width:600px;height:400px;background-color:#c0e1ff;display:table-cell;vertical-align:middle;text-align:center;">
  12. <div style="width:200px;height:100px;display:inline-block;" data-wimpyplayer></div>
  13. </div>
  14. <!-- -->
  15. <div style="width:600px;height:400px;background-color:#c0e1ff;">
  16. <div style="width:100%;height:100%;" data-wimpyplayer data-responsive></div>
  17. </div>
  18. <!-- -->
  19. <div style="width:600px;height:400px;background-color:#c0e1ff;display:table-cell;vertical-align:middle;">
  20. <div data-wimpyplayer data-size="200,100"></div>
  21. </div>
  22. <!-- -->
  23. <table width="600px" style="background-color:#ffead3; height:400px;" valign="middle" align="center">
  24. <tbody><tr>
  25. <td data-wimpyplayer></td>
  26. </tr>
  27. </tbody></table>
  28. <p>HTML 5 doesn't allow "height" or bgcolor on a table element. These must be defiend via style.</p>
  29. <!-- -->
  30. <table width="600px" style="background-color:#ffead3; height:400px;" valign="middle" align="center">
  31. <tbody><tr>
  32. <td>
  33. <div data-wimpyplayer></div>
  34. </td>
  35. </tr>
  36. </tbody></table>
giItT1WQy@!-/#