Click-to-play videos

When Iframely knows that a video auto-plays, we prevent it by putting a video placeholder with your custom "play" button inside our iFrame. We call it "click-to-play" as the actual video loads only when user requests it.

You may choose "click-to-play" mode as your preference for all supported publishers. Iframely knows both regular and "autoplay" version for most popular videos sources. It will speed up your site's load time significantly and improve the user experience.

On desktop, our iFrames actually start pre-fetching video when user only just starts reaching out to the play button. So in many cases, video is already available when click occurs, creating great impression.

Click-to-play mode for all videos brings additional bonus of branding the "play" button your way accross most videos on your site.

Example for general videos

Here’s YouTube video, which is wrapped into "click-to-play" iFrame helper:

MP4 player

Iframely's custom media player will always use "click-to-play". Here's an example for Daily Mail video :

The player supports video files and HTTP Live Streaming (HLS). There's a link to the video source in the player, so users can check and see the original URL.

Click-to-play in a card

Click-to-play also works with the cards. If you strictly request compact layout as your cards design, Iframely may turn on 'click-to-play' even for videos that we don't actually have an auto-playing variant.

Here's a compact click-to-play card for an article with Brightcove player:

Change players design

You can change the design of click-to-play videos via our flexible WYSIWYG editor. Load a few samples from presets to get some inspiration:

Let us know if you need any help with it.

A word about mobile

On mobile touch devices, Iframely will use click-to-play approach only for YouTube, Vimeo, Wistia, Streamable, MP4 videos and GIFs. We do it via provider's playback control via JavaScript APIs. For other providers, we'll show the original non-autoplay player if there's one to avoid double-tap to play.

This is due to the long lasting effect of early versions of Apple's iOS, which would not start a video except as a reaction to user gesture. This started to change in iOS10. But, regardless, most publishers would not honor autoplay variants of their videos on mobile as they yet have no way to tell if it was caused by user gesture or not.

There's HTML spec proposal to help with the user activation delegation. This said, we at Iframely trust click-to-play on mobile will be a reality really soon as it makes a ton of sense for everyone. Unfortunatelly, we are not quite there yet. We monitor and will add support for more providers when it becomes feasible.

Previous article: URL cards
Next article: Friendly GIFs