4K Logo Animation Introduction prior to homepage

Website: https://www.thesoaresprotocol.com/

Hi there!

I am trying to find a way to place a 4K logo animation video prior to my visitors reaching the homepage.

An autoplay with no embedded frame and no additional visuals. Something minimalist and filling the entire screen. 

Is there a code block I could use? And if yes, where should I upload my 4K file?

Thank you in advance. 

Bump 🙂 Happy Tuesday!

Hey!

I can also get a .GIF file but I'd prefer using a 4K source given my line of business.

Thank you in advance!

Any ideas? Thank you again for all the help you provide to us!

I used this for now:

Quote

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div class="logoload"></div>
<style>
.logoload {
  /* SET BACKGROUND COLOR */
  background-color: #fff;
  /* SET BACKGROUND SIZE */
  background-size: 500px;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://s4.gifyu.com/images/gifcde42ed456e782a8.gif");
}
</style>
<script type="text/javascript">
$(window).load(function() {
    $(".logoload").delay(5010).fadeOut("slow");
})
</script>

But It does not work for a 4K file with sound. Thank you in advance for your help.

Autoplay audio with sound it not possible. It violates the policy of some browsers. You can try file with no sound.

On 11/13/2022 at 3:16 AM, tuanphan said:

Autoplay audio with sound it not possible. It violates the policy of some browsers. You can try file with no sound.

Thank you! Also question Tuan. Is there a way to add an option to skip?

On 11/10/2022 at 1:42 PM, A1Protocol said:

Any ideas? Thank you again for all the help you provide to us!

I used this for now:

But It does not work for a 4K file with sound. Thank you in advance for your help.

Hi! I am not fluent in code - what kind of file would you need to embed? I'm trying to do the same, and have the file in .mp4, .mov, and WebM.

1 hour ago, Emelle said:

Hi! I am not fluent in code - what kind of file would you need to embed? I'm trying to do the same, and have the file in .mp4, .mov, and WebM.

In most cases, it would be a .mp4. 

On 11/13/2022 at 3:16 AM, tuanphan said:

Autoplay audio with sound it not possible. It violates the policy of some browsers. You can try file with no sound.

Hey tuanphan! Following up on this. I'll soon try it again. Can we add an option to skip to those intros?

Thank you.