Embedding – Miracle Tutorials

How to embed a HTML5 video on your site

With HTML5 you can embed a video without the need to install a player. This tutorial explains how to embed a video starting with a simple example, to end with multilingual subtitles and advanced options. You will be able to use the embedding code below in practically any cms or html website. Content management systems … Read more

Autoplay: Chrome and Safari prepare to punish misuse advertising videos

Chrome 64 and Safari 11 plan to punish misuse of Autoplay for video and audio on short term. What kind of misuse do they actually mean? The advertising industry has to fight constantly against our ability to ignore banners, text ads etc. So, they seek new ways to get their messages across and some of those, … Read more

RTMP with HLS adaptive streaming fall-back on AWS – Part 1

RTMP streaming is obsolete as of end December 2020 but we keep it posted as a piece of history. HLS adaptive streaming doesn’t work on IExplorer 11 in HTML5 mode as I discovered while testing my art site. But there is luckily a solution, namely RTMP with HLS adaptive streaming fall-back. That sounds a little … Read more

Customize YouTube videos on your site

YouTube has various options to customize display of videos on your site. For instance, you can remove the YouTube branding and control how the player behaves. This tutorial explains how doing this in great detail. First, we start with a standard YouTube video embedding, and then address the branding removal options, followed by more customization … Read more

Should I upgrade to JW Player Pro 6 or Premium?

Update 24 September 2014: A question that pops up regularly these days is: “Should I upgrade to JW Player 6?” This depends on which features of JW Player you are using currently. JW Player 6 has a new set of advanced features which are surely worthwhile to investigate, but keep in mind there are quite … Read more

Embedding an audio with poster image, watermark and subtitles, using JW Player 5.10

Embedded audios in a website generally display a simple control bar with navigation buttons to play, pause, rewind and so on. While this is great for audio libraries, it can be so much more. In this tutorial, I’ll show you step by step how to add a poster image, a watermark and subtitles, using JW … Read more

Embedding a Playlist for Streaming Video – using JW Player

Embedding a video/audio playlist is not difficult at all, it only requires your full attention. In this tutorial (part 2), I’ll show you how to embed a dynamic playlist. A dynamic playlists differs with a regular playlist in a sense that you do not need to create a separate xml file. For this tutorial, you … Read more

How to Embed Streaming Video & Audio with HTML5 Fallback – using JW Player 5.6

Revised on June 2015 – JW Player 5.6 (up to version 5.10) is a Flash video/audio player created with Adobe Flex which has the capability to switch to HTML5 fallback mode if a non Flash browser is encountered. In this tutorial I’m going to show you how to install JW Player and how to embed video … Read more

How to switch from low resolution video to HD – part 2

In this part, which is meant for S3 Amazon account holders, we are going to focus on streaming video. Streaming has a lot of advantages, which are explained in S3 Streaming video with CloudFront. One extra perk not discussed in that article is important: when you use HD switching, the HD video picks up where … Read more

How to switch from low resolution video to HD automatically – part 1

In this article, I’ll show you how to switch automatically from a low resolution video to HD video on your site. Standard, the low resolution version will play and when the visitor hits the full screen button, the HD video takes over. HD switching can work on any site, whether it is a WordPress, Joomla, … Read more

The do’s and don’ts of the Autoplay feature

Autostart (currently known as autoplay) is an attribute of embedding code to determine if rich media should start to play automatically when a page is loaded. There is a bit of confusion about when to use this feature, so I’ve thrown a couple of scenarios on a heap to explain best practices. When is Autoplay … Read more

How to use screenshots for poster images

Creating a custom poster image for video and audio is quite simple. In the video tutorials below I show you how to capture part of the screen and turn it into a poster image. We also add text to the poster image to make it more clear what the video or audio is about, but … Read more

S3 Amazon: How to embed video in your site

You want to embed video or audio from S3 Amazon into your site? This article tells you how to deal with the code involved to get your videos and audios up and running. You can use this code in practically any cms or regular website. Now, for content management systems like Joomla, WordPress or Drupal, … Read more

How to embed Vimeo’s Badge widget

The badge widget of Vimeo shows thumbnails of your video collections on your post or page. Once embedded on your site, just like the HubNut widget, when you change settings in Vimeo, the changes reflect on your pages immediately. The Badge widget has been replaced by the Montage widget, therefore this tutorial is obsolete. View … Read more

YouTube doubled the size for uploads

YouTube announces that as from today, the upload for standard videos doubles from 1GB to 2GB, making it possible to upload bigger videos at higher resolutions. New features In addition, the YouTube team’s implemented new features to make it easier to show your HD videos on your site or blog by appending &hd=1 at the … Read more

How to embed videos from Vimeo on your site – revised

Updated 26 November 2015 – Vimeo.com has 3 standard ways to display videos directly on your website or blog. In this article, I explain how to use the standard method, Embedding. In the coming article I show the other methods. But let me first sum up the all the options so that you know what to expect.

Embedding video & audio in WordPress – revision 3

This tutorial is outdated. We will update it soon. In the meantime, please have a look at Embed a youtube video on WordPress instead. We keep this post published because it contains comments that have useful links. But the content has been stripped because it is no longer valid.

Joedyl on What is an expiring link and how to use itDoes anyone know what website or tool that provides URL's that expire that is dependent on the user?
Bill on JW Player 7 vs JW Player 6I thought you made reference somewhere to a video player that you coded that could the need for a pl
MKDan on What is an expiring link and how to use itAnother easy way to create expiry links is by using the temporary expiring link generator like - Exp
Phil on How to embed a video from Vimeo in WordPress without iFrameCrazy, but 9 years on I'm still able to use this tutorial, thanks for sharing!
Logical Softtech on Using royalty free stock video and audioAs website designer and app developer Its very useful for me .
Hanna on How to embed a HTML5 video on your siteThis is very interested article!
Sara on Subtitles on Facebook don’t show in my videoDid work perfectly on the phone, but captions still don't show up on computer!
Alex on How to create captions/subtitles for video and audio in WebVTT, SRT, DFXP formatHello to all Any way to convert .srt to .dfxp fpr amazon