With Media Manager's Smart CDN, you can embed assets across the web and format them on-the-fly to meet your specific needs. CDN links ensure your content always reflects the most up-to-date changes made to your asset.
How to Embed An Asset
1. Open the desired asset in your Library
2. Select Embed Asset
3. Copy the link and insert into your website as an img tag (or embed it into an iframe/video tag if it's a video)
Note
Smart CDN is not available with all Media Manager editions, check with your account manager if you don't see this feature in your Library.
Advanced Smart CDN Features
Transformation and Conversion:
In addition to efficiently serving up assets to external sites, Smart CDN supports on-the-fly file transformations and conversions.
For example, let's say you have a Smart CDN URL such as:
If you want a smaller version of the asset, it can be altered on the fly. Just add ?width={value} to the end of the string as below:
Want a JPG instead PNG? Just change the extension at the end of the URL
Need a larger version of your file? Bump up the height or width params in the URL and add &pad=true to add whitespace padding to the original image.
The Media Manager CDN will allow you to use the extension .auto. We will automatically choose the best format for the browser that is loading the image. This includes sending images back using the WEBP format, which lowers the size of an image, without loss, and speeds the loading of the image on your site.
Smart CDN allows you to link to any attachment inside your asset, not just the first one. Say your asset has multiple attachments, and you want the fourth attachment in your asset, just specify that by adding, ?position=4 to the end of your CDN url: https://cdn.gettyimages.com/WHK7BN2F/as/q0q9a6-9nnrwg-5rzc7l/2019_MediaManage_Brandfolder-918x269-4849bee.auto?position=2
Use any combination of the above to modify your CDN link to get your Media Manager Attachments exactly how you need them for your use case.
Live Updating:
Any time you update an Asset in Media Manager, associated Smart CDN links embedded throughout the wild will also update to reflect those changes.
Automatic Expiration:
If you expire, un-approve or delete the asset in Media Manager, the Smart CDN link will automatically expire as well (it may stay cached for up to 24 hours).
Embedding Video Assets
Embedding video assets is slightly different then image assets. Media Manager provides a basic iframe with our video player embedded into it. Users can control the size of the iframe as well as a number of optional parameters for videos.
Example Embed Code:
1<iframe src='https://brandfolder.com/brandfolder/attachments/embed/pur0xw-6a3614-6f8ex5?resource_type=Brandfolder&loop=false&muted=false&autoplay=false' frameborder='0' allowfullscreen></iframe>
Loop
Allows video to loop after it has finished playing.
- loop
- default: false
- options: boolean - true or false
Muted
Determines whether sound is muted when the player loads. This is useful for when using autoplay setting due to browser autoplay restrictions.
- muted
- default: false
- options: boolean - true or false
Autoplay
Automatically play the video upon load.
- autoplay
- default: false
- options: boolean - true or false
CDN v2.1
CDN v2.1 is now available by request! Below are some enhanced features users can expect:
- Faster rendering of files via the CDN url
- A more robust set of params available for use found here
- A more reliable and hardened outcome of processing
- Ability to set custom params on all CDN urls that will also be available when the CDN URL is requested via the API
Note:
Using Media Manager to autoplay a video when a page loads is not a simple issue. This stems from browser vendors responding to user wishes to NOT have videos autoplay. The most reliable way is to set autoplay=true&muted=true since many browsers (including Chrome) will not autoplay videos with audio.
Be careful not to delete the asset when using this feature!