well to get hexagone icons in enfold is not difficult to reach.

here you can get some of the clip-path : https://bennettfeely.com/clippy/

what is to do.

1) give the icon-box or icon-list a meaningful custom class (here it is hexagones)

2) this comes to quick css (yes without the ending e):

.hexagon {
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

3) this comes to functions.php of your child-theme:

function add_class_to_icon() {
?>
<script type="text/javascript">
	  jQuery('.hexagones .iconbox_icon').css( 'border-radius' , '0px' );
          jQuery('.hexagones .iconbox_icon').addClass('hexagon');
	  jQuery('.hexagones .iconlist_icon').css( 'border-radius' , '0px' );
	  jQuery('.hexagones .iconlist_icon').addClass('hexagon');
 </script>
<?php
}
add_action('wp_footer', 'add_class_to_icon');

the clip-path must go to the icon itself. So we had to add the hexagon class to it via addClass

Results: https://webers-testseite.de/hexagons/
The demo https://kriesi.at/themes/enfold-medical/ seems to fit well for you

i recognized that a lot of videos run on easy slider – another advantage is that you have there a choice to setup autoplay, mute and other things.
You can have a link on the whole slide – so f.e . you link to the gallery concerning to the wedding.

i guess you have inserted it to visual mode window of edit field

go and insert it to text mode

with transparency header it works : ✓
wait if no header will work: ✓

see test page with hide header on this site

edit :
Template : no header nor footer ✓. it works. ??

by the way you have to empty your cache.
first i was seeing on my page a title as well – but see now:
https://webers-testseite.de/cynthia/video2/

so this seems to be the correct sequence for it –
?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0

autoplay – is self explanatory
showinfo – is the title
loop – is self explanatory
ecver – enable/disable video suggestions on pause
rel – show at the end or not

can you please post your link of your page
the showinfo=0 should supress that. ?

right click on your link above and press open that link in new tab. You see no info at all – thats the point.

do you see the title on my test page ?

no follow the link and do the rest.

it is an easy slider / containing one video “slide” – The link is above for you
you see on my testpage that it works without additional code in functions.php.

Easy-Slider could be place in every container – even grid-layout. etc. pp

It is Enfold 4.2.4

here is an image-gallery: https://postimg.org/gallery/1l0tifbbg/

As you said full-screen video slider – and yes it is an mp4 (h.264, baseline version 3.1 – or high 4.1)
sometimes this is important for crossbrowser support
What are the specifics of the video and audio formats supported?

https://developer.apple.com/library/content/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html

Although the protocol specification does not limit the video and audio formats, the current Apple implementation supports the following formats:
Video:
H.264 Baseline Level 3.0, Baseline Level 3.1, Main Level 3.1, and High Profile Level 4.1.

in your url there is an error you have twice the video in it:
https://youtu.be/ciPCe8FCcrM/watch?v=ciPCe8FCcrM?

just copy&paste the above

dear Rob do you see the same error / fault on my test-page ?
It is a selfhosted video on a fullscreen slider ! – And it is Enfold 4.2.4

here is the link-version without the anoying pause overlay. – something new on youtube:

https://www.youtube.com/watch?v=ciPCe8FCcrM?autoplay=1&loop=1&modestbranding=1&rel=0&ecver=2&showinfo=0&iv_load_policy=3

the ecver=2 makes it

i can not confirm to that behavior : https://webers-testseite.de/cynthia/headline-rotator/. even with new lines / fading / bottom to top / etc.
Firefox / Safari / Chrome on OSX

i think the controls could not be on the bottom – because .mejs-container has no height rule

if you set:

.mejs-container { max-height: 100% !important;}

the controls are on the bottom.
but you have to look if this leads to any conflict with other browser. – i did not test that for now
https://webers-testseite.de/cynthia/beispiel-seite/

i guess i’m a bit experienced and native spoken german. From Bonn
Kontakt Data on my nick or avatar. Thanks

hm the content ( font and icon) are before too avia_iconbox_title and avia_button_icon
ths surrounding anchor is still avia-button