# How to put gif or mp4 file in Literate documentation page?

**URL:** <https://discourse.julialang.org/t/how-to-put-gif-or-mp4-file-in-literate-documentation-page/121468>\
**Category:** Visualization\
**Tags:** documentation, literate\
**Created:** [October 18, 2024, 8:05pm UTC](https://discourse.julialang.org/t/how-to-put-gif-or-mp4-file-in-literate-documentation-page/121468 "2024-10-18T20:05:53Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![vladdez](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/vladdez/32/45806_2.png) [@vladdez](https://discourse.julialang.org/u/vladdez)\
**Post date:** [October 18, 2024, 8:05pm UTC](https://discourse.julialang.org/t/how-to-put-gif-or-mp4-file-in-literate-documentation-page/121468/1 "2024-10-18T20:05:53Z")

</div>

I want to attach gif or mp4 file on documentation page.  
My code is:

````julia
# ```@raw html
# <video autoplay loop muted playsinline controls src="../../../assets/topoplot_animation_UM.gif" />
# ```

````

This is the page deployed: [Benchmarking · UnfoldMakie.jl](https://unfoldtoolbox.github.io/UnfoldMakie.jl/previews/PR247/generated/intro/speed/)

The filepath should be correct because on the same page you can see png file correctly attached from the same folder.  
Problems:

1. gif file is just 0 sec video (should be more obviously)
2. page is breaking abruptly (while there should be some content later).

What could be the solution?

---

<div class="post-metadata">

**Author:** ![vladdez](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/vladdez/32/45806_2.png) [@vladdez](https://discourse.julialang.org/u/vladdez)\
**Post date:** [October 24, 2024, 9:31am UTC](https://discourse.julialang.org/t/how-to-put-gif-or-mp4-file-in-literate-documentation-page/121468/2 "2024-10-24T09:31:12Z")

</div>

I solved part of the problem - you need to use the library FFMPEG\_jll