To be able to display any set of videos under the same tag from Newest to Oldest, each time you add a new video into the Video Gallery page, you'll need to drag it all the up the video column and make it the first video, or at least place it right before the last video you uploaded for a particular series.
In the following example, you have 3 videos under the Manic Button tag saved in the Video Gallery #3, #6 and #21.
Since #21 is at the very bottom of your video columns in the Video Gallery page, it will display as the oldest (the one in the bottom) in your Manic Button video list (even if it has a newer date).
To rearrange the order and make #21 the newest, you can drag it all the way up the video column in the Video Gallery page and place it where #1 is, or at least right before #3 which is the top-most video with the same tag.
If for example you want #3 to stay on top, but want #21 to be before #6, then you would need to drag #21 to any position after #3 but before #6 so it shows up in the middle of your video list.
1. Go to the Homepage, click Edit, stand over the slider and click Edit again. In the window that will show up, click on the "+" sign at the bottom.
2. In the small pop up that will show up, select Video
3. Fill out the corresponding info:
4. Hit Save and then Apply and you're done!
Regarding adding videos to the site, there are different ways to do it:
Through the “Embed block” (not recommended).
If using this method, make sure the code you’re embedding for the video has the width and height set as 16:9 (same Youtube ratio) to avoid getting black lines around it.
For example, in this code:
<iframe src="https://player.vimeo.com/video/237312861" width="640" height="580" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
The width/height ratio (640 x 580) isn’t 16:9 so you would get those annoying black lines at the top and bottom of the video.
You can check here if you have the right ratio: http://size43.com/jqueryVideoTool.html
Through the “Video block”, which is a much better option.
Again, it's best to work with a video that has a 16:9 ratio to avoid any black lines, but if you can't change the ratio of the video, then simply upload a thumbnail image in 16:9 (1920 x 1080 works perfectly) and you're set!
Through “Gallery blocks” if you want to create slideshows or carousels or anything like that.
You can leave the video in it’s original format, but if you want to switch to rectangular you’ll have to set the 16:9 ratio just like you have to do when using the Embed block, and then you can upload a thumbnail in 16:9 as well. Keep in mind that if you don’t change the ratio inside the code but still upload a 16:9 thumbnail, it will get cropped.
If you're specifically using the Grid gallery block, you can simply choose from the dropdown to display as "16:9 widescreen".
Through “Summary blocks” to display videos found in the Video Gallery page.
For the summary blocks, you can go into the block settings in the Layout tab and choose “16:9 widescreen” as well so it crops the video accordingly. However, if the video you’re displaying or loading from the Video Gallery page into the summary block doesn’t have the ratio fix + thumbnail trick from before, you will still see the black lines.