Custom Video Banner Not Loading on Mobile - Dawn Theme

[happysquare]

On my homepage I have an autoplaying (silent) video at the top. This video is a custom liquid added to the Template section of my homepage. It loads and plays fine on desktop but does not show up on mobile devices (it is blank in that spot). The preview tool that Shopify provides shows it working fine on mobile (see below photos). Any help on this matter would be greatly appreciated.

Website: boardmeetingcompany.com

psswd: diadon

On top of this, if anyone knows a way to overlay a button on video banner (bottom center) that says “products” and links to my all product collection please let me know.

[BSS-Commerce]

Hi @happysquare ,

Please do the following:

In Online store, select Themes → … → Edit code

In theme.liquid, add the following code before the tag

<script>
      let ele = document.querySelector('section video');
      if(ele) ele.id="videoID";
    </script

Click Save to save changes.

I hope it helps @happysquare

[happysquare]

That seems to have done nothing. Still blank when I access through mobile and now showing weird code at the top of the website (see attached photo).