ThreeElementsSideBySide

HTML

<div id="slideshow" class="blockdesign">
  <input type="button" class="buttonChangeVideo" value="<" />
  <video controls src="videotest.mp4">Just a test</video>
  <input type="button" class="buttonChangeVideo" value=">" />
</div>

CSS

.blockdesign /* the div embracing the 3 other elements */
{
    margin: 0 5px 0 5px;
    float: left;
}

#slideshow
{
    width: 854px;
    height: 100%;
}

#slideshow video /* the video */
{
    width: 84%;
    margin: 0 auto 0 auto;
    float: left;
}

#slideshow .buttonChangeVideo /* the buttons */
{
    width: 5%;
    height: 100%;
    margin: 0;
    float: left;
}

JavaScript

/