Sample video embed from YouTube

YouTube embedded video player is one of the most popular ones on the market today.  Below, you will find a sample web video player using WordPress short-code. Embedding a player on your website is simple using either YouTube’s iframe tag (also known as YouTube embed code). Once on your web page, we can help create advanced features and visitor experiences using the YouTube Player API. 

Create Advanced YouTube embedded video player experiences

Embedding the video player is just the first step.  Depending if your viewers are on a laptop, tablet, or phone, you can have custom experiences.  For example, on a full PC, the video will start playing automatically.  In contrast, on mobile devices this will not be the case.  You can use the Player API to enable several features on an embedded video player, including changing:

• playback content
• playback speed or volume
• video player width and height

The viewer can control all of these or changed happen automatically when you detect specific engagement. Take for instance, a loyal viewer shares the video with a colleague, after rewinding to a specific timestamp.  Using the API, you could start shared videos at the specific time it was rewound to, when the new visitor arrives at your page.

Examples of Enhanced Web Video UX

A frequent use of the programmatic player control is to present your viewers with custom buttons for play, pause, rewind, etc. This could allow you to brand the viewing experience a little further or simply draw attention to transport buttons. If you know a certain part of your content is re-watchable, highlight the rewind button to make it easier for your viewers to re-watch the best parts.

Another popular engagement technique is to queue up different videos depending on how far they’ve scrolled on a particular page or if they’ve visited a certain number of pages. You may start off with a “snack-able” piece of content. Once you think you have deeply engaged with your visitors, maybe present them with some long-form content.

And the best part is: if you prefer to keep it simple, you can use the embedded player “as-is.” It can be as basic as a cut and a paste!

We are here to help you every step of the way to make your website friendly and easy to use. If you already have a presence on a video host, we can help manage your channel. For those of you just starting out, set up a consultation with our team and we’ll get you on the right path to start streaming!

Back to video player examples menu