with newest Enfold and Safari your video works on my end. It loads a bit strange – a bit delayed:
https://webers-testseite.de/weber/selfhosted/
on Chrome MacOSX the video does not support autoplay ?

if you like to obtain that very elegant – this is a custom widget i wrote for that case – code comes to function.php of your child-theme:
The generated widget is called (as you see in the code). Enfold-Child-Social-Bookmarks

/*** custom social bookmarks widget  ****/
function social_bookmarks_register_widget() {
register_widget( 'add_social_bookmarks' );
}
add_action( 'widgets_init', 'social_bookmarks_register_widget' );

class add_social_bookmarks extends WP_Widget {
public function __construct() {
  $widget_ops = array(
    'classname' => 'socialbookmarks-widget', 
    'description' => __('A widget that displays the social bookmarks', 'avia_framework') 
    );
  parent::__construct( 'add_social_bookmarks', THEMENAME.' Social Bookmarks', $widget_ops );
}

public function widget( $args, $instance ) {
  $title = apply_filters( 'widget_title', $instance['title'] );
  echo $args['before_widget'];
  //if title is present
  if ( ! empty( $title ) )
  echo $args['before_title'] . $title . $args['after_title'];
  //output
  echo $before_widget;
  $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
  echo avia_social_media_icons($social_args, false);
  echo $after_widget;
}

public function form( $instance ) {
  if ( isset( $instance[ 'title' ] ) )
  $title = $instance[ 'title' ];
  else
  $title = __( 'Social Bookmarks', 'avia_framework' );
  ?>
  <p>
  <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
  <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
  </p>
  <?php
}

public function update( $new_instance, $old_instance ) {
  $instance = array();
  $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
  return $instance;
}
}

to have the same look as other widgets – this comes to child-theme quick css:

#top .socialbookmarks-widget .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
    float: left;
    clear: right !important;
}

you then only have to pull that widget to your footer widget-area you like – title in your case is then: Connect with us

schau mal in den Quick css die Regel oben :

#top #wrap_all #footer .flex_column p{
    font-size: 12px !important;}

hat am Ende keine geschweifte Klammer ! Das macht alles folgende ungültig

da wird die Empfänger E-Mail mit der WordPress Domain Url nicht korrelieren!
Das werten manche als Spam. Hier gab es einen Patch an board – den muss ich mal suchen.

Edit: https://kriesi.at/support/topic/contact-form-not-sending-auto-reply-emails/#post-970108
musst natürlich den $from anpassen

In seltenen Fällen hilft nur den Versand nicht via php sondern smtp zu erledigen. Da gibt es kleine Plugins für! ( zB: WP Mail SMTP by WPForms )

– Weswegen ich mich jetzt schon bei dir melde ist:
Dein Cookiehinweis überdeckt den Link zu den Datenschutzhinweisen dort. Nun verbirgt sich ja unter “Weitere Info” aber der Link dort hin – eventuell machst du das deutlicher indem du den Button dort Datenschutz statt weitere info benennst.
Keine Ahnung wie streng die Rechtsprechung in dem Fall wäre.

• This reply was modified 7 years ago by Guenni007.

how should the header behave on scroll event?

you should have a different logo if you like to have a transparency always

shrinking amount is outsourced in an own js file: avia-snippet-sticky-header.js

so you can have that file on child-theme. Create a folder js under enfold-child.
put in a copy of that js file: avia-snippet-sticky-header.js

Put in your child-theme functions.php:

add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );
function wp_change_sticky_header_script() {
   wp_deregister_script( 'avia-sticky-header' );
   wp_enqueue_script( 'avia-sticky-header-child', get_stylesheet_directory_uri().'/js/avia-snippet-sticky-header.js', array('avia-default'), $vn, true);
}

open that copy in your child-theme and edit the lines 64 and 76:
(click to enlarge)

you see that on standard shrink behavior both values are 2 (that is a special case because scroll-distance is the same value as endpoint header height / if you start at 200px you must scroll 100px to reach the 100px end height)

shrink only 33% – the first divisor is 3 ( line 64 )and the second one ( line 76 ) is 1.5

shrink only 25% – the first divisor is 4 ( line 64 )and the second one ( line 76 ) is 1.33

to influence mobile devices behavior – yes the functions.php with conditional !wp_is_mobile is one thing that works

but enfold adds on all mobile devices a class to html – so you can also use on quick css that class: avia_mobile

i think you have a small border?
can you try this in quick css ( and if you like you can have 2px for better seeing the effect)

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-left-width: 2px;
    border-color: #900;
}

if you only want to have it for non transparency header state:

.header_color:not(.av_header_transparency) span.avia-menu-text {
    border-color: #900;
    border-left-width: 2px !important;
}

if you like to influence the transparency state:

.header_color.av_header_transparency span.avia-menu-text {
    border-color: #009;
    border-left-width: 2px !important;
}

you can do it this way you mentioned above – but there has to be additional css to see the subtexts !
They are in the logo container – so it has to get the overflow: visible.

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<h1 class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</h1>";
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</span>";
  return $sub;
}

with that method it is possible to get rid of these texts on scrolled header like here on kriesi board – see above

or you use a svg for that – than you can do some nice things to the path itself on hovering or scrolling:
https://webers-testseite.de/cynthia/

and how to correlate to the checkbox checked / unchecked state ?

but i think the best would be to have here a popup with a little checkmark that the privacy policy has been read.
like in contact form element. that would be great – only if the checkmark is checked the click has a function.

look on google search for the playsinline and webkit-playsinline – it seems to be correlating if a background video starts on autostart or not.
but i think that the input field of enfold video does not accept those parameters. So we had to add this on source code.
i will have a look if that will help

See here how it works on advanced layerslider : https://webers-testseite.de/weber/
playsinline and muted parameters set – but this was a selfhosted video

and this f.e. will start on modern mobile browsers

<video playsinline autoplay loop muted preload="metadata" style="min-width:100vw; min-height:56vw;" >
 		<source src="/wp-content/uploads/background.mp4" type="video/mp4">
		<img src="/wp-content/uploads/film-fallback.jpg" title="Your browser does not support the video tag">
</video>

• This reply was modified 7 years ago by Guenni007.

or do you have a transparent ( glassy header ) layout

see here some comments: this was a test page to show how to move title bar under the first section and with transparency option:
https://webers-testseite.de/breadcrump-under-first-color-section/

yes – as i wrote here: https://kriesi.at/support/topic/red-cross-as-a-bullet/#post-966742

and by the way you get that \ sign by pressing the same time: shift+alt+7

sometimes the written description is as important as the code ! you missed the custom class setting – haven’t you?

so it should now work as expected with new enfold – but on performance reasons it would be better to outsource it to a third party server.
If you like to upload to youtube ( you can set it to not listed – so it would not be found on tags) this is a good option.
On GDPR reasons (DSGVO) it would be nice to have it not on youtube. My advice is to upload it to f.e. cloudinary – they got good performance and for small pages it is nearly with no costs (10GB upload and 20GB Traffic each month)
Cloundinary is listed in the privacy shield project of us Government that they will respect GDPR .

there is a nice plugin to communicate in WordPress with your account etc. pp.