| # 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. | |