ShowOff makes it easy to showcase videos and large files on your event or exhibitor profiles. Properly integrated multimedia content increases audience engagement and enhances the value of your online presence. This guide explains how to upload, compress, and embed videos, while highlighting best practices and common limitations, including browser compatibility and autoplay considerations.
π€ Uploading Videos to the Media Manager
Open ShowOff and navigate to the Media Manager.
Click Upload and select your video file.
For files exceeding platform limits, use an online compression tool (e.g., Handbrake) to reduce the file size.
Once uploaded, locate the video in the Media Manager for embedding or referencing.
Tip: Use widely supported video formats and codecsβMP4 files with H.264 video and AAC audio are recommended for maximum browser compatibility.
π₯οΈ Embedding Videos on Your Site
Copy the video URL from the Media Manager.
Paste the URL into the video embed field on your event or exhibitor profile module.
Alternatively, create an iframe embed code using the video URL for custom placement.
Browser Compatibility Notes:
Not all browsers play MP4 videos the same way, even if the file format is correct. Differences in supported video and audio codecs are usually the cause.
Modern browsers like Chrome, Firefox, Edge, and Safari generally support H.264 video and AAC audio. Older browsers or devices may fail to play some MP4 files if they use unsupported codecs or high-resolution profiles.
π Autoplay Restrictions
Modern browsers have strict rules about autoplaying videos to prevent unexpected audio from playing when a page loads. Key points include:
Muted videos can autoplay without user interaction. Muting removes the audio component that triggers browser restrictions.
Sound-enabled videos generally cannot autoplay. Users must interact with the page (click a play button, scroll, or tap) before audio will play.
Mobile browsers tend to be stricter with autoplay rules than desktop browsers. Some mobile devices block all autoplay unless muted.
Autoplay with user engagement: Some browsers allow autoplay if the user has previously interacted with the domain (e.g., clicked elsewhere on the site).
Best Practice: If you want videos to play automatically on page load, always mute them or provide a clear play button for videos with sound. This ensures a consistent experience across browsers and devices.
π Handling Social Media Videos
Some social media content, such as Instagram Reels, cannot be embedded directly in ShowOff. In these cases:
Upload the video to a supported hosting platform (e.g., YouTube or Vimeo).
Use the iframe or sharing code provided by the hosting platform to embed the video on your site.
β Best Practices for Video Embedding
Compress videos before uploading to ensure fast loading and better SEO/CRO performance.
Add alt text or descriptions for accessibility and search engine optimization.
Use descriptive, relevant file names to improve search visibility.
Test videos across multiple browsers and devices to ensure compatibility.
Consider muting videos that are intended to autoplay.
π Conclusion
Uploading and embedding videos effectively in ShowOff enhances your event website and drives audience engagement. Ensure your MP4 videos use widely supported codecs, leverage muted autoplay when needed, compress large files, and follow accessibility and SEO best practices.
Comments
0 comments
Please sign in to leave a comment.