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
- <!-- -->
-
- <div style="width:600px;height:400px;background-color:#c0e1ff;">
- <div style="width:100%;height:100%;" data-wimpyplayer data-size="300,200"></div>
- </div>
- <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>
-
- <!-- -->
-
- <div style="width:600px;height:400px;background-color:#c0e1ff;display:table-cell;vertical-align:middle;">
- <div data-wimpyplayer></div>
- </div>
-
-
-
- <!-- -->
-
- <div style="width:600px;height:400px;background-color:#c0e1ff;display:table-cell;vertical-align:middle;text-align:center;">
- <div style="width:200px;height:100px;display:inline-block;" data-wimpyplayer></div>
- </div>
-
-
-
-
- <!-- -->
-
- <div style="width:600px;height:400px;background-color:#c0e1ff;">
- <div style="width:100%;height:100%;" data-wimpyplayer data-responsive></div>
- </div>
-
-
-
- <!-- -->
-
- <div style="width:600px;height:400px;background-color:#c0e1ff;display:table-cell;vertical-align:middle;">
- <div data-wimpyplayer data-size="200,100"></div>
- </div>
-
-
-
- <!-- -->
-
- <table width="600px" style="background-color:#ffead3; height:400px;" valign="middle" align="center">
- <tbody><tr>
- <td data-wimpyplayer></td>
- </tr>
- </tbody></table>
- <p>HTML 5 doesn't allow "height" or bgcolor on a table element. These must be defiend via style.</p>
-
-
- <!-- -->
-
- <table width="600px" style="background-color:#ffead3; height:400px;" valign="middle" align="center">
- <tbody><tr>
- <td>
- <div data-wimpyplayer></div>
- </td>
- </tr>
- </tbody></table>