Rich Media Specifications
Here are our guidelines for rich media like videos and 360 spin images. Make sure your videos and 360 spin images meet these requirements before submitting your changes in Item 360.
Video Guidelines
Rich Media Video Asset URLs:
- Should end in the .mp4 file type to follow best practices
- Must have no redirects (e.g., no URLs from video hosting platforms like YouTube)
Rich Media Closed Captioning URLs:
- Should end in the .vtt file type to follow best practices
- Must have no redirects (e.g., no URLs from video hosting platforms like YouTube)
Rich Media Accessibility Vendor Checklist:
- Accessibility (A11y) ensures people with disabilities can perceive, understand, navigate, and interact with any website or app
- Rich media must meet these guidelines to be compliant with A11y
360 Spin Image Guidelines
File size limit:
- The file size limit for each image is 1.5 MB
360 Spin Image URLs:
- Should end in an image file type (.jpg, .png, etc.) to follow best practices
- Must link to a public image file that loads as an image
An exact number of 24 image URLs is required for a 360 spin image. For optimal viewing, we recommend providing 24 unique images.
However, if you only have 12 images, you can repeat the URLs to meet the 24-image requirement (essentially cycling through the images twice). To do this, copy the URLs you provided under 360 Spin Image URL through 360 Spin Image URL 11 (Columns E-P). Then, paste the URLs into the cells under 360 Spin Image URL 12 through 360 Spin Image URL 23 (Columns Q-AB).
Creating URLs
Cloudinary
Cloudinary allows you to create URLs for MP4s, VTT files, and images in one place. Signup for Cloudinary is free, but the service may require payment depending on your storage amount.
- Log in to https://cloudinary.com/.
- Click Media Library in the left navigation menu.
- Click Upload.
- You can drag and drop video, VTT, or image files directly onto the screen or browse and select files from your computer.Each file cannot exceed 100 MB.
- Hover over the video, VTT, or image file and click the dots that appear. Then, hover over Share and click Copy URL.To confirm the URL is valid, open a new tab in your browser and paste in the copied URL. The URL should end with the video file type (.mp4), VTT file type (.vtt), or image file type (.jpg).
Creating Closed Captioning (.vtt) Files
There are many resources that you can use to create closed captioning (.vtt) files. Maestra is one example that is free for the first 30 minutes of video content.
- Log in to https://app.maestrasuite.com/captions.
- Click Subtitle in the left navigation menu.
- Click +New Subtitle.
- You can drag and drop video files directly onto the screen or browse and select files from your computer. Make sure the audio language selected is English. Then, click the Submit button.
- Click the video name.
- Click Export.
- Select English and click WebVTT.When the WebVTT tile says Ready, click it again.