I have created a test folder HERE, containing six MP4 videos, and all videos are hidden except for 1 video.
At the top, the 6 items displayed are by way of that gallery's Content tab. The following is an example of my code on that Content tab (I'm showing here the code for just 1 video, and have omitted here the code for the other 5 videos, for brevity):
Code
<div class=" jmmdivex2">
<center>
<!-- Evenly adjust content within a block-grid -->
<!-- Read more: http://foundation.zurb.com/sites/docs/v/5.5.3/components/block_grid.html -->
<ul class='small-block-grid-1 medium-block-grid-2 large-block-grid-3'>
<!-- Sample Videos _ Dummy Videos For Demo Use -->
<li>
<div>
<video class="x3-style-frame" preload="metadata" controls controlslist="nodownload noplaybackrate" width="100%" loop>
<source src="{{path}}Sample Video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</li>
</ul>
</center>
</div>
And I am also happy with the way there is that white border displayed when any of those videos are played on that page.
However, when you expand any of those playing videos to full-screen, there is a white border around the full-screen video.
Is there any way, maybe not site-wide but for that specific folder, that I can trick X3 into displaying a black border around any full-screen videos?
In browsing the forums here maybe one or more years ago, I seem to recall that maybe someone else had asked that question, but I am now not able to find that post, so I cannot find what your answer to them was.
Thank you in advance & have yourself a good evening.
Regards,
John