# Uploading video locally

**URL:** <https://forum.ghost.org/t/uploading-video-locally/8275>\
**Category:** Developer help\
**Created:** [July 15, 2019, 7:00pm UTC](https://forum.ghost.org/t/uploading-video-locally/8275 "2019-07-15T19:00:05Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![EmpiricalEE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/empiricalee/32/15201_2.png) [@EmpiricalEE](https://forum.ghost.org/u/EmpiricalEE)\
**Post date:** [October 13, 2021, 4:17am UTC](https://forum.ghost.org/t/uploading-video-locally/8275/10 "2021-10-13T04:17:29Z")

</div>

@denvergeeks’ solution was the one that got me going. In my case, the video is comparable in file size to an image, so I was comfortable serving it straight from my Ghost host.

To do so I copied the video file to my server in the location I established in [this post](https://forum.ghost.org/t/changing-content-or-style-in-portal-ui/25929). This is the most cumbersome part of the process - the rest can be done in the Ghost editor as `denvergeeks` describes. My HTML card looked like this:

```auto
<figure class="kg-width-wide">
<video controls width="100%">
    <source type="video/mp4" src="/content/images/other/COVIDBlooms_multiple.mp4">
  Your browser does not support the video tag. Click <a href="/content/images/other/COVIDBlooms_multiple.mp4">here</a> to download the video instead.
</video>
</figure>

```

To get the video to appear wider than the text, and still get centred, I co-opted the `kg-width-wide` class which is used by the Image card, as described [here](https://ghost.org/docs/themes/content/#image-size-options), and set the `width` to `100%` so it fills the enclosing `div`. I also added a clickable link for browsers that can’t render the `video` element.

You can see the result [here](https://www.empirical.ee/bringing-data-to-life/).

---

_[View the full topic](https://forum.ghost.org/t/uploading-video-locally/8275)._