My video does'nt fit its place : In my HTML code, I have put a video like this :

    <video id="video1" controls preload>
    	<source src="media/interview.mp4" type="video/mp4">
    </video>

And the CSS part is :

    #video1
    {
    	width:100%;
    	height: 100%;
    }

But, when I play it, it does'nt fit its place, and I have a result like this :

[![Application][1]][1]

Where is the origin of the problem ? How to solve this ?


  [1]: https://i.stack.imgur.com/Xyhdm.png