# Media Hosting CDN for web360
Use to serve as a CDN for images and videos url for our websites
eg: blog, ogImages (1200x630), videos, and other logos and icons in the `Files tab`.


### Examples
Copy and past the `download url` for any file you select and use in your code.

```html
<img src="https://huggingface.co/web360/cdn-media/resolve/main/og-social.png"></img>
```
<img src="https://huggingface.co/web360/cdn-media/resolve/main/og-social.png"></img>

```html
<video src="https://huggingface.co/web360/cdn-media/resolve/main/meet-alice.mp4" controls></video>
```
<video src="https://huggingface.co/web360/cdn-media/resolve/main/meet-alice.mp4" controls></video>
***


## How to add some media

1. create and export your image from figma or video as mp4 from veed / loom etc. as file
2. upload the file to this dataset with a clean filename like `og-image-how-to-make-a-tokenizer.png`
3. save and commit the dataset storage here
4. use the media object `download url` in code / website.
***

### Note:
- use the `download url` to media in web or app code.
- - if you use it in your code it will render correctly in the web.
- do not try to view the `download url` a browser as it will *trigger a download automatically*
***


## How to use media after uploading.

1. go to the file folder of the image / video you want to use
2. copy the hosting url by clicking the `copy download url` button.
3. use the url in our clipboard as source `src=` in html / react / markdown.