How to embed videos onto your website

Firework

You got the right angles, filmed with just the right light, and edited down to the best lines. You may have even added extra graphics, music, and transitions to make your video more appealing.

Now it’s time to place your video on your website and start generating moore views. While this part of the process isn’t always straightforward, the best way to get started is through a process called embedding.

 

What is video embedding?

Video embedding is the process of adding a video into a website’s code. Embedding is how the video player and video become a part of the web page. The video is hosted at another location while you link to it on your site.

To embed a video, select the right format for the video. Know the difference between a desktop video and web video. With web video, all the content is played as it arrives through a continuous stream of data. However, not every video format can be streamed.

Some streaming formats include MOV, WMV, WebM, MP4, QT, 3GP, FLV, SWF, and RM. One major issue when choosing a format is finding one that isn’t strongly linked to a particular video streaming middleware.

For example, WMV works well with Microsoft Windows Media Player. FLV and SWF are compatible with Adobe Flash Player. MOV and QT work on Apple QuickTime Player. RM goes with RealNetwork’s RealPlayer. The ideal choice may therefore be something like MP4 (H.264, AAC) which isn’t closely connected to any specific video streaming middleware.

With this format, rest assured knowing that your video will play well in just about any desktop or mobile browser. With the introduction of the HTML5 web video standard in 2015, you can even embed videos without any middleware. Your videos will play smoothly on a PC, tablet, and smartphone.

 

How do you embed a video?

Embedding a video varies depending on whether you’re using YouTube, Vimeo, WordPress, HTML, or another platform entirely. 

YouTube

Create a YouTube channel and upload the video. Open the video and click on the “Share” option. Continue to the “Embed” button. 

 

You can select “Show more” and edit the settings to customize the look of the player. This may include player controls, video title and player actions, etc. 

Once you’re done, copy the embed code and paste it in your web page code. You can also customize the player’s size to give it a proper fit on your website.

 

Vimeo

With Vimeo, the steps are similar to YouTube. Upload the video to your channel, open the video, and click “Share.” Next, proceed to the “Embed” section. 

Just like with YouTube, you can click “More Options” and customize the player. You’ll be able to change things like looping, autoplay, and video descriptions.

Copy the embed code and place it on your web page. Vimeo offers a sleek player design that blends well into multiple sites.

 

WordPress

WordPress is a widely-used platform with the option to embed videos similar to how you’d embed images. However, there’s a limit to the file size for a single video upload.

Go to the post you want to add a video. Open it and click on the “Add” button. Continue to the media section and select the video option. Click “Upload” and choose the video you want to display. Ensure that the display settings are showing “Embed Media Player,” then insert the video into your post.

WordPress also has an alternate embedding method. Instead of clicking “Upload,” click “Insert from URL,” then paste the URL of the video you want to embed into the post. You can also add a video link into the post and WordPress will display the web player on that page.

 

HTML

While this method may be a little more intricate, it’s one of the best options if you want cross-platform viewing. Go to the post where you want to embed the video and go to edit mode. Scroll to the part in the page’s code where you’d like the video to appear.

Copy your video’s embed code and paste it right in that spot. You can preview the post to see whether the HTML player is appearing where you want it to and in the right dimensions. Save the changes and publish at your will. Premium tools like Projekktor and JW Player provide more customization options, including calls-to-action and subtitle embedding.

 

Conclusion

Ultimately, when selecting the embedding method you’ll use, be sure to consider factors like video promotion opportunities, hosting fees, page load speed, and other visual customization options. Some platforms offer greater customization, or make their branding less obvious on your page. To learn more about hosting and embedding videos with Firework, visit our business page.

Request Your Custom Firework Demo

  • Live Firework Experience on Your Website
  • Live Commerce Consultation with Experts
  • Get Started in 7 Days
Firework Partners with Walmart Connect to Redefine Retail Engagement
Jason H
Today marks a big day.  First, it’s a big day for us at Firework—because we…
Announcement: Firework awarded ‘Tech.Nxt 2022 for the Best Martech Implementation’ at the Phygital Retail Convention, India
Firework
We're delighted to announce that Firework has been conferred with the Tech.Nxt 2022 Award under…
Top Livestream Shopping Statistics That You Can't Ignore For Your E-Commerce Business
sukanya
If you have enjoyed home shopping on TV before the internet, you must remember how…
Why Your Brand's Holiday eCommerce Strategy Needs to Start in July
Isaac
This year, Christmas is definitely coming early — at least for most holiday eCommerce shoppers…
The Gen-Z Shopping Trends That Drive Business Growth
Isaac
For the past decade, marketers have had their hands full trying to decode the best…