Hi @core365,
The _brand.php
that is in wp-content/themes/x/framework/legacy/cranium/headers/views/global
is the template file that displays the logo area.
So if you want to override, please install and activate the child theme. If you do not have the child theme installed yet, you can download it from here. Once you have it installed and activated, please login through FTP then go to wp-content/themes/x-child then go to the following directory framework/legacy/cranium/headers/views/global
.
If any of those directories are not yet created, please manually create them until you get to the global directory and that is where you place the _brand.php
that you will make changes to.
Try adding this code to the file:
<?php
// =============================================================================
// VIEWS/GLOBAL/_BRAND.PHP
// -----------------------------------------------------------------------------
// Outputs the brand.
// =============================================================================
$option_logo_text = x_get_option( 'x_logo_text' );
$option_logo_src = x_get_option( 'x_logo' );
$logo_text = ( empty( $option_logo_text ) ) ? get_bloginfo( 'name' ) : $option_logo_text;
if ( empty( $option_logo_src ) ) {
$logo_output = $logo_text;
} else {
$logo_src = x_make_protocol_relative( $option_logo_src );
$logo_output = '<img src="' . $logo_src . '" alt="' . $logo_text . '">';
}
if ( x_get_option( 'x_logo_visually_hidden_h1' ) ) {
echo '<h1 class="visually-hidden">' . $logo_text . '</h1>';
}
?>
<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>">
<?php echo $logo_output; ?>
</a>
You will see the line: <?php echo $logo_output; ?>
which outputs the logo.
You have to replace that line with the HTML5 video code:
https://www.w3schools.com/html/html5_video.asp
Hope this helps.