HubSpot Video Test

In the “BlogPostBody” slice there’s an ability to embed Youtube videos, such as the example below.

<iframe width="840" height="461" src="https://www.youtube.com/embed/1ORaT8zVLCc" title="Sharing your scientific video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

https://www.youtube.com/embed/1ORaT8zVLCc

https://youtu.be/ZNoERrM8uoI

<iframe width="840" height="461" src="https://www.youtube.com/embed/1ORaT8zVLCc" title="Sharing your scientific video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

In theory, we should be able to do the same with HubSpot videos. Let's try this one.

https://45535154.fs1.hubspotusercontent-na1.net/hubfs/45535154/AJE%20Checkout%20Process%20(1).mp4

{% video_player "embed_player" overrideable=False, type='scriptV4', hide_playlist=True, viral_sharing=False, embed_button=False, autoplay=False, hidden_controls=False, loop=False, muted=False, full_width=False, width='1920', height='1080', player_id='167405434732' %}

This doesn't really look right, so let's modify the code to go into an iframe like the Youtube video has.

<iframe width="840" height="461" src="https://45535154.fs1.hubspotusercontent-na1.net/hubfs/45535154/AJE%20Checkout%20Process%20(1).mp4" title="AJE Checkout Process" video_player "embed_player" overrideable=False, type='scriptV4', hide_playlist=True, viral_sharing=False, embed_button=False, autoplay=False, hidden_controls=False, loop=False, muted=False, full_width=False, width='1920', height='1080', player_id='167405434732'></iframe>

<iframe width="840" height="461" src="https://45535154.fs1.hubspotusercontent-na1.net/hubfs/45535154/AJE%20Checkout%20Process%20(1).mp4" title="AJE Checkout Process" video_player "embed_player" overrideable=False, type='scriptV4', hide_playlist=True, viral_sharing=False, embed_button=False, autoplay=False, hidden_controls=False, loop=False, muted=False, full_width=False, width='1920', height='1080', player_id='167405434732'></iframe>

<div style="text-align:center">
<video id="AJE Checkout Process" style='width:600px;max-width:100%;" controls>
  <source src="https://45535154.fs1.hubspotusercontent-na1.net/hubfs/45535154/AJE%20Checkout%20Process%20(1).mp4" type="video/mp4">
" Your browser does not support HTML5 video. "
</video>
</div>

One more try, with some AI assistance:

<div style="display: flex; justify-content: center; align-items: center; width: 100%;">
    <figure>
        <video controls style="max-width: 100%; width: 100%; max-width: 600px;" title="AJE Checkout Process Video">
            <source src="https://45535154.fs1.hubspotusercontent-na1.net/hubfs/45535154/AJE_Checkout_Process.mp4" type="video/mp4">
            Your browser does not support HTML5 video.
        </video>
        <figcaption>AJE Checkout Process: Learn how to complete the checkout process efficiently.</figcaption>
    </figure>
</div>
<p>Learn how to complete the AJE checkout process efficiently with our detailed walkthrough video. This video will guide you through each step, ensuring a smooth and successful transaction.</p>

Why has this been tried? Because you miss every shot you don't take. And while we're at it, let's test the cookie declaration script from Cookiebot:

<script id="CookieDeclaration" src="https://consent.cookiebot.com/7e71c262-8aa3-46d1-b980-6a7a634db06a/cd.js" type="text/javascript" async></script>