Hi there

Could you tell me how to embed a video that will resize automatically to fit a mobile device.

The videos I have are held on my server and I use the following code:

<div>
<video controls="controls" poster="http://www.now-vaping.co.uk/image/data/poster-name.JPG"><source src="http://www.now-vaping.co.uk/images/video-name.mp4" type="video/mp4" /> Your browser does not support video</video>
</div>

Works fine on a laptop / desktop but when viewed on a mobile the image / video is huge and goes off the screen (ie: it is not resizing)

Any ideas? Am I using the wrong code or is there some CSS I need to use? I thought that the image / video would resize automatically as the theme is responsive.

Thanks in advance