Vidio Size And Position

Hi
I am trying to place a video below some text in a column next to a form.
I have managed to get the video to display by using the HTML in the text area.
I am having an issue with size and position.
I created the video and saved at 360p uploaded it to server. (I have since done this at 480p as well)
In the builder it displayed at the column width and in proportion, When I come out of the builder it is much smaller, offset to one side of the column and shows two black edges.
I created the 480p version to try to rectify this, however this shows much larger and causes the video and text column to spread and to overlap the form.
Any ideas on a cure please?

The page is https://www.theimagemill.co.uk/clients/landing/npa I have duplicated the row so you can see both options.

The code used is: (< replaced with # so the code shows)

#video width="640" height="360" controls="" autoplay="" loop="">
#source src="https://www.theimagemill.co.uk/clients/landing/npa/NPA%20Promo2.mp4" type="video/mp4">
#source src="NPA Promo2.webm" type="video/webm">
Your browser does not support HTML5 video. Please upgrade your browser to see the video.
#/video>

and for the 480p:

#video width="640" height="360" controls="" autoplay="" loop="">

#source src="NPA Promo2.webm" type="video/webm">
Your browser does not support HTML5 video. Please upgrade your browser to see the video.
#/video>

Edited by

Try adding an id to the view tag

<video id="some-random-id"

The javascript will look for that and add the video player. Without an ID, it just produces an error.

Edited by

Thanks Tim
Where do I find the view tag?
I tried adding to the html for the video, but thats done nothing.

Edited by

Sorry, I meant to type Try adding an id to the video tag

Edited by

Tried that, Either mode no difference or killed it totally.
I gave up, I might go back and have another go, as that is where I would like to put the video.

Edited by