Skip to content

This guide provides an overview of how to embed Expeerly videos into your online shop or marketplace. It includes examples and step-by-step instructions to assist both product owners and developers in the integration process.

Notifications You must be signed in to change notification settings

randomValue/embeddocumentation

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 

Repository files navigation

Embedding Expeerly Videos on Online Shops or Marketplaces: Developer Guide

This guide provides an overview of how to embed expeerly videos into your online shop or marketplace. It includes examples and step-by-step instructions to assist both product owners and developers in the integration process. The main placement for this way of embedding is the product detail page but any placement is possible. Embedding via any of the solutions is free of charge for you as retail partner.

Version 1.2, 10th of October 2024

1. Options: Youtube or Mux

Expeerly offers 2 Video Embedding Solutions via Youtube Embed Links or via Mux.

2. Embedding with Youtube

2.1 Embedding a YouTube Video

To embed a YouTube video, use the iframe code.

<iframe width="560" height="315" src="https://www.youtube.com/embed/nqG3JCNkb0I?si=bikBYWxuWUS6SWCu" 
        title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
        encrypted-media; gyroscope; picture-in-picture; web-share" 
        referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
</iframe>

2.2 Embed examples Youtube

Galaxus shows the expeerly video in their image carousel, check this link to the Philips Avent Kit

Brack shows the expeerly video in their image carousel, check this link to the Philips Avent Kit

But ultimately you're free to add the above embed code on any part of our online shop or marketplace. We recommend the carousel or product description just next to images for best conversion impact.

3. Embedding with Mux

3.1 Embedding with Mux Streaming Links

Mux Stream provides scalable video hosting, ideal for large volumes. You can use either the .mp4 format for static video playback or the .m3u8 format for adaptive streaming.

For on-demand playback:

https://stream.mux.com/q2EyUPCM0000k3QbfjLVTmEL5N6PDL701aovfWx7QByv84/high.mp4

For adaptive streaming (ideal for varying bandwidths):

https://stream.mux.com/q2EyUPCM0000k3QbfjLVTmEL5N6PDL701aovfWx7QByv84.m3u8

3.2 Embed examples Mux Streaming Links

MP4

Here is an example of a mux mp4 streaming link added to a website. It can be any website as all browsers are able to read mp4 formats and will trigger the native video controls.

Check our expeerly corporate page and scroll down to the Dyson customer quote. On this webflow page we just add a playback link https://stream.mux.com/q2EyUPCM0000k3QbfjLVTmEL5N6PDL701aovfWx7QByv84/high.mp4 as above.

M3U8

For more freedom over video controls you can use the HLS (m3u8) URL in a player of your choice. See the documentation here.

3.3 Embedding with Mux Developer SDK

For a more customizable experience, use the Mux Developer SDK and add to your online shop or marketplace. You can find the documentation here.

3.4 Embed example Mux SDK

Here is an example link for the Trisa Raclette Tischgrill video and how we integrate the Mux Web Player on our own expeerly.com video player page.

https://www.expeerly.com/de/video-reviews/elektronik-gadgets/trisa/raclette-tischgrill-style-connect/100000469

As you can see, subtitles and separate audio tracks in 4 languages are available and can be triggered. The 4 languages are English, German, French and Italian on which all our videos have subtitles provided by default. Those subtitles are always proofread by our team. AI dubbed Audio tracks are not yet available on existing videos, but we're planning to add them in early 2025.

We recommend embedding the videos to the carousel or product description just next to images for best conversion impact.

4. Matching Video Links with Products in your Catalogue

4.1 Currrent matching via spreadsheet

As of now all our retail partners get a spreadsheet where on each line the relevant products including GTIN and if required our partner’s own product number are indicated along the video links. Retailers then add the video links upon their descretion to their system. This works well for up to 100 videos a month.

See a spreadsheet example here.

4.2 Retail partner portal (pending)

We have a retail partner portal in the pipeline that will allow you to login to our platform and see all the available videos there.

4.3 Public API (upon request)

We don't offer a public API at this stage, but if you're interested in using the API, please get in touch with us on product@expeerly.com.

4.4 Formats

Expeerly videos are usually in the 9:16 vertical format on mux and 16:9 horizontal embed format on Youtube (but the content remains 9:16 in most cases). The reason for the vertical format is that about 60-70% of all shopping traffic comes from mobile devices, depending on your individual case of course.

5. Choosing the Right Embedding Solution

5.1 Always free of charge

No matter which solution you choose, for you as a retail partner they are FREE OF CHARGE!

5.2 Youtube

Pros

  • Easy integration with a known technology
  • Best for maximizing reach with public videos

Cons

  • It NEGATIVELY impacts your conversion rate as you channel traffic out of your online shop or marketplace to Youtube

5.3 Mux MP4 Streaming Links

Pros

  • Easy integration with a simple streaming link
  • Suited for high scalability with robust analytics and adaptive streaming

Cons

  • Only native video controls

5.4 Mux M3U8 Streaming Links

Pros

  • Customizable experience
  • Suited for high scalability with robust analytics and adaptive streaming

Cons

  • Needs to have player established or potentially dev ressources

5.5 Mux Embed SDK

Pros

  • Customizable experience
  • Suited for high scalability with robust analytics and adaptive streaming

Cons

  • Needs more dev ressources

Expeerly strongly recommends using Mux in either version as go-to-embed solution, offering the best user and conversion pushing experience.

About

This guide provides an overview of how to embed Expeerly videos into your online shop or marketplace. It includes examples and step-by-step instructions to assist both product owners and developers in the integration process.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published