File size: 1,477 Bytes
37e8852 5ba2630 37e8852 581e90b 37e8852 581e90b 37e8852 581e90b 37e8852 162db10 581e90b 37e8852 5ba2630 581e90b 5ba2630 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
# 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.
|