I have a page, which includes the following code in Settings | Content, created by the wizard:
Code
<!-- Upload an MP4 video file to your page, and use the code below to embed the video into your content. The {{path}} variable will dynamically convert to the folder path -->
<video width="100%" preload="metadata" controls controlsList="nodownload">
<source src="{{path}}videofilename.mp4" type="video/mp4">
</video>
I also have about a dozen pictures included in that folder.
When that page is displayed, it displays the video at the top of the page, followed by the images below.
Question 1: Is there a way for me to display the images at the top, and the video below the pictures?
Question 2: The video is small (in dimensions), only 480*784. I've changed the width to lower resolutions & percentages, and the same for height, but no matter what I've tried, the video on that page displays the full height of my 4K monitor, but if I play the MP4 on my PC, it is only 1/4-th the height of my monitor. How can I force that video to display on that page in a smaller size?
Thanks in advance.
Regards,
John