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:
Iframely's custom MP4 player will always use "click-to-play". Here's an example for Daily Mail video :
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 devices, Iframely will use click-to-play approach only for MP4 videos and GIFs. For other providers, we'll show the original non-autoplay player 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.