Skip to main content
J
joet0002
November 21, 2024
Solved

Video loop in a site landing page option?

  • November 21, 2024
  • 3 replies
  • 1 view

We currently support a site with a static image on entry for our internal users and customers. I was wondering if it's possible to have a video loop play in the background on entry navigation in Appian before progressing into the applications?

As an example of a website that depicts a real pop in what the business offers: Kirby Corp has a great video of how the business moves chemical pressurized, dry bulk, or heavy product while still allowing the users to interact with the interface.

    Best answer by adityae736199

    Hi Joet,

    Below is the sample code to display the video loop at the landing page.

    a!headerContentLayout(
  header: a!billboardLayout(
    backgroundMedia: a!webVideo(
      source: "https://kirbycorp.com/wp-content/uploads/2022/04/Kirby-Banner-v5.mp4"
    )
  )
)

    Replace the source URL with the web video you want to display on the landing page.

    3 replies

    A
    adityae736199Answer
    November 21, 2024

    Hi Joet,

    Below is the sample code to display the video loop at the landing page.

    a!headerContentLayout(
  header: a!billboardLayout(
    backgroundMedia: a!webVideo(
      source: "https://kirbycorp.com/wp-content/uploads/2022/04/Kirby-Banner-v5.mp4"
    )
  )
)

    Replace the source URL with the web video you want to display on the landing page.

      stefanhelzle0001
      stefanhelzle0001
      November 21, 2024

      When using a billboard layout, you can use an animated gif as the background. It will play in a loop.

        J
        joet0002Author
        November 22, 2024

        Excellent! Thank you all!

        Terms & ConditionsAccessibility statement