Hi,
Thank you for your patience, I have tried to reproduce this error with a self-hosted mp4 on my test site and I checked my Apache log, but unfortunately I only see the .mp4 video file type and the .jpg thumbnail for the .mp4
I tried to create a function to add to your child theme functions.php to change this anyways, I can’t confirm that it will work for you, but adding it didn’t brake my video element, so please give this a try and see if it helps.

if (!function_exists('custom_avia_html5_video_embed')) {
    function custom_avia_html5_video_embed( $video, $image = '', $types = array( 'mp4' => 'type="video/mp4"' ), $attributes = array( 'autoplay' => 0, 'loop' => 1, 'preload' => '', 'muted' => '', 'controls' => ''  ) ) {
        $html5_files = array();
        $path = $video;

        if( ! empty( $video ) && is_array( $video ) )
        {
            $html5_files = array_filter($video, function($ext) {
                return $ext === 'mp4';
            }, ARRAY_FILTER_USE_KEY);
            $path = reset( $html5_files );
        }

        $path_split = array();
        preg_match( "!^(.+?)(?:\\.([^.]+))?$!", $path, $path_split );

        $output = '';
        if( isset( $path_split[1] ) )
        {
            if( ! $image && avia_is_200( $path_split[1] . '.jpg' ) )
            {
                $image = 'poster="' . $path_split[1] . '.jpg"'; // poster image isn't accepted by the player currently, waiting for bugfix
            }
            else if( $image )
            {
                $image = 'poster="' . $image . '"';
            }

            $autoplay = $attributes['autoplay'] == 1 ? 'autoplay' : '';

            if( ! empty( $autoplay ) )
            {
                $autoplay = apply_filters( 'avf_html5_autoplay_mobile', "{$autoplay} playsinline", $video, $attributes );
            }

            $loop = $attributes['loop'] == 1 ? 'loop' : '';
            $muted = $attributes['muted'] == 1 ? 'muted' : '';
            $controls = $attributes['controls'] == 1 ? 'controls' : '';

            if( ! empty( $attributes['preload'] ) )
            {
                $metadata = 'preload="' . $attributes['preload'] . '"';
            }
            else
            {
                $metadata = $attributes['loop'] == 1 ? 'preload="metadata"' : 'preload="auto"';
            }

            $uid = 'player_' . get_the_ID() . '_' . mt_rand() . '_' . mt_rand();

            $output .= "<video class='avia_video' {$image} {$autoplay} {$loop} {$metadata} {$muted} {$controls} id='{$uid}'>";

            if( empty( $html5_files ) )
            {
                if( $path_split[2] == 'mp4' || avia_is_200( $path_split[1] . '.mp4' ) )
                {
                    $output .= '<source src="' . $path_split[1] . '.mp4" type="video/mp4" />';
                }
            }
            else
            {
                foreach( $html5_files as $ext => $source )
                {
                    $html_type = ! empty( $types[ $ext ] ) ? $types[ $ext ] : '';
                    $output .= "<source src='{$source}' {$html_type} />";
                }
            }

            $output .= '</video>';
        }

        return $output;
    }
}

// Remove the original function and replace it with the custom function
remove_action('avia_html5_video_embed', 'avia_html5_video_embed');
add_action('avia_html5_video_embed', 'custom_avia_html5_video_embed');

If this doesn’t help try to modify the function-set-avia-frontend.php starting at line 960 to match the above and see if manually changing it helps.
If it does then great, but the the function-set-avia-frontend.php file can not be overwritten in a child theme so after each update you will need to modify, I’m hoping the above will work for you in your child theme functions.php file.

Best regards,
Mike

Hey Jonathon Parris,

Thank you for the inquiry.

You can try the following code in the functions.php file. It should work for both the actual URL and the image element.

function av_auto_set_featured_image($post_id) {
    if (wp_is_post_autosave($post_id) || wp_is_post_revision($post_id)) {
        return;
    }

    if (has_post_thumbnail($post_id)) {
        return;
    }

    $post = get_post($post_id);
    $content = $post->post_content;

    $image_url = '';

    if (preg_match('/<img.*?src=["\'](https?:\/\/.*?\.(jpg|jpeg|png|gif))["\']/', $content, $matches) || preg_match('/(https?:\/\/.*?\.(jpg|jpeg|png|gif))/', $content, $matches)) {
        $image_url = $matches[1];
    }

    if ($image_url) {
        $attachment_id = insert_attachment_from_url($image_url, $post_id);
        if ($attachment_id) {
            set_post_thumbnail($post_id, $attachment_id);
        }
    }
}
add_action('save_post', 'auto_set_featured_image');

function av_insert_attachment_from_url($url, $post_id) {
    $temp_file = download_url($url);
    if (is_wp_error($temp_file)) {
        return false;
    }

    $file = array(
        'name'     => basename($url),
        'type'     => mime_content_type($temp_file),
        'tmp_name' => $temp_file,
        'error'    => 0,
        'size'     => filesize($temp_file),
    );

    $sideload = wp_handle_sideload($file, array('test_form' => false));
    if (!empty($sideload['error'])) {
        @unlink($temp_file);
        return false;
    }

    $attachment = array(
        'post_mime_type' => $sideload['type'],
        'post_title'     => sanitize_file_name($file['name']),
        'post_content'   => '',
        'post_status'    => 'inherit',
    );

    $attachment_id = wp_insert_attachment($attachment, $sideload['file'], $post_id);

    require_once(ABSPATH . 'wp-admin/includes/image.php');
    $attach_data = wp_generate_attachment_metadata($attachment_id, $sideload['file']);
    wp_update_attachment_metadata($attachment_id, $attach_data);

    return $attachment_id;
}

Best regards,
Ismael

Hey oliverb71,
It looks like most of your post images are the same size that then show in a ordinary way, but some of your images are much smaller because they are only logos. It also looks like you don’t show any of these featured images on the post page, but are only used for the thumbnails.
So I recommend ensuring that all of your featured image thumbnails are the same size, try imageresizer.com it is a free tool to crop your images.
If you use different sizes WordPress will use the closest thumbnail size, but it may not always be the same size, this is why it would be better if you manually ensure they are all the same size.

Best regards,
Mike

Hey spokerstradingco,

Thank you for the inquiry.

You can add this css code to adjust the background color of the gallery thumbnail:

#top div .avia-gallery .avia-gallery-big img, #top div .avia-gallery .avia-gallery-thumb img {
    background-color: transparent;
}

Best regards,
Ismael

Hi,
CSS will not work here because the image is cropped. Try the code that I posted to show the full sized image instead of the thumbnail, in my test this works.

Best regards,
Mike

Hi,
Thanks, I see that the image is truly cropped because the your thumbnail size is cropped. Your image is not a square image so the 450×450 thumbnail will crop it.
So if you want your product catalog to have a uniform look you can create a new image that is square instead of portrait and upload your new image, then the book will be centered in your 450×450 thumbnail.
or if your shop is going to be a book store and all of your thumbnails will be a portrait shape image, you can try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function override_post_thumbnail_size($size, $post_id) {
    if (is_archive()) {
        return 'full';
    }
    return $size;
}
add_filter('post_thumbnail_size', 'override_post_thumbnail_size', 10, 2);

this will show the full size image instead of the thumbnail.

Best regards,
Mike

Hey nasi,

Thank you for the inquiry.

We’ve tried deleting the code from Enfold Child functions php. but nothing seems to change.

After deleting the filter from the functions.php file, you’ll need to regenerate the thumbnails or re-upload the images. Please create a site backup or restore point before proceeding, then try this plugin:

// https://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Ismael

Hey nasi,

Thank you for the inquiry.

Looks like Chrome is loading a smaller version of the thumbnail. Did you install any image compression plugins? Please try to temporarily disable the Responsive Images option in the Enfold > Performance > Responsive Images and Lazy Loading section. Let us know if this changes anything.

Best regards,
Ismael

Hi,
I added it for you but I don’t know what page has your magazine element, I’m pretty sure that you need to add the custom class larger-thumbnails for the script to work. Please add the custom class and check.

Best regards,
Mike

Hey fanlokbun,

Thank you for the inquiry.

You may need to adjust the size of the thumbnail in the Appearance > Customize > WooCommerce > Product Images panel. Adjust the value of the Thumbnail width based on the usual size in which you upload the image, and set Thumbnail cropping to Uncropped.

Best regards,
Ismael

Hi,
Ok, as I examine your page I see that the wrap_all & main divs are closed and your injected color section is outsite the page:

Then I recalled that injecting any full width element, like color sections, causes the page to auto close like this, so the way around this is to inject the HTML instead, so I tested this on my site linked below as a proof of concept and this is the code that I used:

add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	$post_id = get_the_ID();
    if(get_post_type( $post_id ) == "post" || is_archive() || is_category()) {
		echo '<div id="av_section_1" aria-label="header-blog" style="background-color:#e7e6e0;" class="avia-section av-gurxi-f7ad7ba9aa66e762665269785c869839 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-0  avia-builder-el-no-sibling  block-fit-size avia-bg-style-scroll container_wrap fullsize"><div class="container av-section-cont-open"><main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-full alpha units"><div class="post-entry post-entry-type-page post-entry-3814"><div class="entry-content-wrapper clearfix"><div class="flex_column_table av-lwc8c3ub-7fae82ac0e7450fe73ac250f770e4e79 sc-av_one_half av-equal-height-column-flextable"><div style="padding: 20px 0 20px 0;" class="flex_column av-lwc8c3ub-7fae82ac0e7450fe73ac250f770e4e79 av_one_half  avia-builder-el-1  el_before_av_one_half  avia-builder-el-first  first no_margin flex_column_table_cell av-equal-height-column av-align-bottom  "><div class="av-special-heading av-tkaly-59af4c81dd5bd8035cb05863635061b6 av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-2  el_before_av_textblock  avia-builder-el-first "><div style="font-size: 18px;color: #a07860;" class="av_custom_color av-subheading av-subheading_above"><p>Veranstaltungen und Lesungen</p></div><h1 style="color:#1f4339;font-size:45px;font-family: "librebaskerville", Helvetica, Arial, sans-serif;text-transform: none;" class="av-special-heading-tag" itemprop="headline">Veranstaltungen</h1><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div><section class="av_textblock_section av-3a7ov5-3365d9d47359d52499c6170f6e5d6913 " itemscope="itemscope" ><div class="avia_textblock" itemprop="text"><p style="color: #666666;font-size: 17px;">Wir laden Sie ein, an unseren gemeinsamen Veranstaltungen, Reisen und Lesungen an besonderen Orten, teilzunehmen. Weiteres erfahren Sie in der jeweiligen Veranstaltungsbeschreibung.</p></div></section></div><div class="flex_column av-fy05a-677df80f19dcd41d19a6c602b9b923d5 av_one_half  avia-builder-el-4  el_after_av_one_half  avia-builder-el-last  buch-monat no_margin flex_column_table_cell av-equal-height-column av-align-bottom  "><div class="avia-image-container av-9gv81-4c6171ac5adc202d5cf1671f776d7959 av-styling- avia-align-right  avia-builder-el-5  avia-builder-el-no-sibling " itemprop="image" itemscope="itemscope" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img decoding="async" fetchpriority="high" class="wp-image- avia-img-lazy-loading-not- avia_image " src="/wp-content/uploads/2024/05/area-book-ueber-uns.png" alt="" title="" itemprop="thumbnailUrl"></div></div></div></div></div></div></div></main></div></div>';
	}
}

Note that I didn’t understand why you had $thumbnail = get_the_post_thumbnail_url ( $post_id ); since I saw no call for $thumbnail so it’s not in my code, feel free to adjust after to test my code. I also had to add so style inline so my test would look like your page, it should not cause a issue for you.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey keifygeorge,

Thank you for the inquiry.

We didn’t find any product sliders on the page above. Did you remove them? The correct thumbnail size displays in the slider when we tested this on our own installation.

Best regards,
Ismael

Hi,
Glad to hear that removing Jetpack and Jetpack Boost has helped. Typically each image has a srcset in the page to tell the browser which image to use depending on the device, and this is how it is on the copy I made of your site, but not on your site, you had this custom code in the functions.php which disabled this:

function av_remove_featured_image_link($image) {
    if (is_single()) {
        $image = get_the_post_thumbnail( $current_post['the_id'], 'featured' );
    }
    echo $image;
}
add_filter('avf_post_featured_image_link','av_remove_featured_image_link', 10, 1);

I disabled this for you.

Best regards,
Mike

Hi,
The error that you see from adding the code to your functions.php file is typical for copying the code from a email notification from this thread, please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
It looks like you are not using a child theme, so in this case you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save.

function custom_larger_thumbnails_script() { ?>
  <script>
(function($){
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('width', '180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('height', '180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('sizes', '(max-width: 180px) 100vw, 180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry .av-magazine-thumbnail').css({'height': '180px','width': '180px'});
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_larger_thumbnails_script', 99 );

If you still have trouble after you install the plugin, include a admin login in the Private Content area so we can assist.

Best regards,
Mike