# Auto-play video in window - howto

**URL:** <https://community.fliplet.com/t/auto-play-video-in-window-howto/628>\
**Category:** Get Help\
**Tags:** web-apps, app\
**Created:** [April 4, 2024, 12:37pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628 "2024-04-04T12:37:19Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![sbernstein](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sbernstein](https://community.fliplet.com/u/sbernstein)\
**Post date:** [April 4, 2024, 12:37pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/1 "2024-04-04T12:37:19Z")

</div>

Greetings. I have an offline video that I would like to autoplay in the app/webapp. Ideally it would play within the window itself and not be full screen. How can I accomplish this? I would appreciate knowing how for both offline and online videos. Thanks in advance.

---

<div class="post-metadata">

**Author:** ![sbernstein](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sbernstein](https://community.fliplet.com/u/sbernstein)\
**Post date:** [April 4, 2024, 1:57pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/2 "2024-04-04T13:57:57Z")

</div>

I am using the built in player screen.

I also tried a blank screen with:

# The video autoplay attribute
 Your browser does not support the video tag.

---

<div class="post-metadata">

**Author:** ![Deb](https://dub1.discourse-cdn.com/flex017/user_avatar/community.fliplet.com/deb/32/159_2.png) [@Deb](https://community.fliplet.com/u/Deb)\
**Post date:** [April 4, 2024, 2:42pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/3 "2024-04-04T14:42:42Z")

</div>

Hi Sheldon,

Just confirming are you using the offline and online video components?

![image](https://europe1.discourse-cdn.com/flex017/uploads/fliplet/original/1X/92acb82c9d050b09ebb0fe192f7ffbbe90f83708.png)

Thanks,  
Deb

---

<div class="post-metadata">

**Author:** ![sbernstein](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sbernstein](https://community.fliplet.com/u/sbernstein)\
**Post date:** [April 4, 2024, 2:47pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/4 "2024-04-04T14:47:47Z")

</div>

Yes. am using both, plus a test with html code

---

<div class="post-metadata">

**Author:** ![Deb](https://dub1.discourse-cdn.com/flex017/user_avatar/community.fliplet.com/deb/32/159_2.png) [@Deb](https://community.fliplet.com/u/Deb)\
**Post date:** [April 8, 2024, 3:23pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/5 "2024-04-08T15:23:09Z")

</div>

Unfortunately our video component’s do not support inline video playback.

You can use video HTML to achieve this. See example here: [What Does `playsinline` Mean in Web Video? | CSS-Tricks - CSS-Tricks](https://css-tricks.com/what-does-playsinline-mean-in-web-video/)

---

<div class="post-metadata">

**Author:** ![sbernstein](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sbernstein](https://community.fliplet.com/u/sbernstein)\
**Post date:** [April 8, 2024, 3:44pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/6 "2024-04-08T15:44:53Z")

</div>

Hi. I already attempted to use HTML. With your website example:

website: video autoplay loop muted playsinline src=“…”\>

Fliplet modifies it to be:

Which doesn’t play. Notice that the website example doesn’t render

---

<div class="post-metadata">

**Author:** ![sbernstein](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sbernstein](https://community.fliplet.com/u/sbernstein)\
**Post date:** [April 8, 2024, 3:50pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/7 "2024-04-08T15:50:45Z")

</div>

If the video is in the apps root directory and called testvideo.mp4, what would be the src= ?

---

<div class="post-metadata">

**Author:** ![sbernstein](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sbernstein](https://community.fliplet.com/u/sbernstein)\
**Post date:** [April 8, 2024, 3:54pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/8 "2024-04-08T15:54:50Z")

</div>

I was able to use the component to steal the public address but I do not think I should be using this address:

[https://fliplet-production.s3.eu-west-1.amazonaws.com/apps/208779/oldfemaleswalking-411-350-8107.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIWBATPFMGIX64A3Q%2F20240408%2Feu-west-1%2Fs3%2Faws4\_request&X-Amz-Date=20240408T155223Z&X-Amz-Expires=600&X-Amz-Signature=deac026fe6eacb0da20edb2d18e754eb58321f8651b54d1d58ab5104cc337e97&X-Amz-SignedHeaders=host](https://fliplet-production.s3.eu-west-1.amazonaws.com/apps/208779/oldfemaleswalking-411-350-8107.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIWBATPFMGIX64A3Q%2F20240408%2Feu-west-1%2Fs3%2Faws4_request&X-Amz-Date=20240408T155223Z&X-Amz-Expires=600&X-Amz-Signature=deac026fe6eacb0da20edb2d18e754eb58321f8651b54d1d58ab5104cc337e97&X-Amz-SignedHeaders=host)

What is the local address?

---

<div class="post-metadata">

**Author:** ![Deb](https://dub1.discourse-cdn.com/flex017/user_avatar/community.fliplet.com/deb/32/159_2.png) [@Deb](https://community.fliplet.com/u/Deb)\
**Post date:** [April 8, 2024, 4:31pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/9 "2024-04-08T16:31:16Z")

</div>

If the video doesn’t play it means the url is invalid.

A few things to note:

1. You need to get the url of the file as seen by the file manager. You can get this from this api: [Media JS APIs | Fliplet Developers Documentation](https://developers.fliplet.com/API/fliplet-media.html#get-the-list-of-folders-and-files-for-your-organization-or-a-specific-app)
2. Once you have the url you will need to authenticate it the file so it can be played outside Fliplet studio. [Media JS APIs | Fliplet Developers Documentation](https://developers.fliplet.com/API/fliplet-media.html#authenticate-encrypted-files)
3. If you are on a mobile device and you want to download the play the file locally you can use this endpoint which will return the local/remote path depending on the device: [Media JS APIs | Fliplet Developers Documentation](https://developers.fliplet.com/API/fliplet-media.html#return-most-appropriate-url-to-a-file)
4. Once you have this working you can then test with the playsinline attribute and that should allow inline video playback.

---

<div class="post-metadata">

**Author:** ![sbernstein](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sbernstein](https://community.fliplet.com/u/sbernstein)\
**Post date:** [April 8, 2024, 10:01pm UTC](https://community.fliplet.com/t/auto-play-video-in-window-howto/628/10 "2024-04-08T22:01:50Z")

</div>

Feels complicated. What is the best source/way to execute these functions to obtain the addresses? An online tool of some sort? I am not a programmer.
