embed youtube video in website

The features “Live streaming” and “Embed live streams” need to be enabled in https://www.youtube.com/features. Please follow the instructions there. To embed. Just upload the video on YouTube and insert HTML code to display that video in your web page. Here's a live example followed by the explanation of whole process. Set an amazing YouTube Video allery and playlist for your website without Iframe just in 2 minutes! Check free editor by Elfsight to create your own YouTube.

Embed youtube video in website -

Make YouTube Videos Responsive

Responsive YouTube Video Embed

Have you ever tried to make a YouTube video responsive? If so, it can be somewhat tricky. I came across a small problem when adding a video from YouTube to one of my blog posts about the Childish Gambino website that we created.

Since this website is fully responsive, I needed the YouTube video to re-size depending on the browser size or device width. However, when I added the embed code, the video had a fixed height and width. (uggh!) This looked fine on desktop computers, but pretty much broke the design when viewing on a mobile device. I wanted to know how to make a youtube video mobile. Therefore, we needed a responsive YouTube video embed code.

One would think that videos that with 100% width would automatically resize to the surrounding container. Well, that is not the case. Surprisingly, Youtube does not automatically have a responsive embed code.

The fix was actually quite simple. Here’s how to make a youtube video mobile:

You will need to wrap the responsive youtube embed code with a div and specify a 50% to 60% padding bottom. Then specify the child elements (iframe, object embed) 100% width, 100% height, with absolute position. This will force the embed elements to expand fullwidth automatically. Awesome! Exactly what we need.

First you will need to add the following to your style sheet.

CSS

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Next, edit add some HTML around your embed code. Note: this responsive youtube embed code has been updated in 2020 to be more compliant and follow best practices for embedding Youtube videos for responsive design.

HTML

Now, if the responsive YouTube embed worked, your videos should be responsive and ready to view on Tablets and Mobile devices.

Responsive YouTube Video Embed Example

For a working example, check out our homepage for embeded reponsive videos.

We have been exploring different ways to embed youtube videos for responsive design. Check out our case study for O'neill surfing, which uses Vimeo videos to embed responsive videos that autoplay.

Avex is an NYC Digital agency, that focuses on creating amazing websites and engaging content. Learn more.

Update: I was asked to write an article for .Net Magazine about the Responsive Youtube Embed and how to make YouTube Videos Responsive. The article is more depth, suggesting some alternatives for embedding responsive videos in your web designs. Check it out in issue # 247, available October 8th 2013.

Update 12/15/2016: This article has been updated to improve the quality since it was published. Also, the article mentioned above has also been released on CreativeBloq, on Responsive Youtube Embed.

Update 08/24/2020: This article was originally published in 2012 and has been updated to include supporting information.

Источник: https://avexdesigns.com/blog/responsive-youtube-embed

How to Embed YouTube Channel on Your Website

YouTube videos are becoming an essential part of businesses’ marketing strategy and using tools to reach more viewers can be crucial for success.

One of the ways to increase your YouTube audience is by showing them on your website. And if you need a solution on how to embed your YouTube channel on your website, you’ve come to the right place.

Options to embed YouTube channel

There are two general options on how you can embed your YouTube channel:

  1. Manual: Copy/paste each video embed code provided by YouTube
  2. Automatic: Use a third-party tool or plugin that has direct integration with YouTube to fetch, and sync the entire YouTube Channel with your website

If you choose the first option, just follow these steps:

  1. Go to each video on your YouTube channel and click on the ‘Share’ option locatedbelow the video (as shown on the screenshot)
  2. Click on the ‘Embed‘ option
  3. Copy the provided code
  4. Paste the code in a separate page on your website

You can repeat this for each video you want to embed. By doing this, you can have all your YouTube videos displayed on a website page. If you are a web developer you can make this page look in a grid layout that is similar to the YouTube channel page. But, this option is more aimed at one video embeds.

As for brands or agencies, saving time is crucial, and making sure all videos are synced properly has an option to do this with third-party tools, such as EmbedFeed, a social media aggregator, that as an addition to its features, provides YouTube API integration.

Having this permission, allows you to generate the YouTube videos posted on your channel and with one line of code to display a professional video feed on your website.

Continue, reading to find out how to use EmbedFeed for building professional web pages with your social media and YouTube video content.

Features for YouTube Videos 

At the moment, the platform provides advanced moderation settings in the feed builder and a variety of layouts and widgets, such as:

  • YouTube carousel widget
  • YouTube slider widget
  • YouTube slideshow widget
  • YouTubeslideshow widget without thumbnails
  • YouTube slideshow widget with vertical thumbnails
  • YouTube Feed (4 different widgets)
  • YouTube masonry widget
  • YouTube grid widget

So, if you want to embed a YouTube channel widget, just follow the steps explained in the next section.

5 easy steps to embed YouTube channel

Before you start, If you are not a user yet, register for a free trial and you are ready to go. Once you have an account on theplatform, just follow the steps below:

Step 1: Log in to your EmbedFeed account

Step 2: Go to “Sources” on the left side menu and click “Add Source”

Step 3: A window with social media networks will open up. Then, select ‘YouTube‘ as a source

Step 4: Choose “YouTube channel”

Step 5: Paste your channel URL to generate your YouTube feed (Go to https://www.youtube.com and go to your channel to copy the link)put filed

As you can see, there are 2 options to enter YouTube channel link (I will use EmbedSocial URL as an example):

Option 1: Copy and add the home URL of the channel

Example: https://www.youtube.com/channel/UCAKeTj4MAHgXztgwypCYg7A

Option 2: Add a YouTube channel by username

Example: https://www.youtube.com/yourusername

Step 6: If the media is successfully imported, you will notice the message shown below. Go to ‘Create Widget‘.

Once the system creates your YouTube fed widget, you will see a code (located at the top right corner, as shown in the screenshot below).

Great work! You now have the necessary code to embed your YouTube widget on your website.

Step 7: Just, copy and paste the code into your HTML code or in your Website builder. You can copy the javascript code or you can use the shortcode below the box if you use WordPress.

But before display, your YouTube channel on your website, you can take some time to enhance the design and the layout of the feed. Check some of the customization options available in the Settings panel.

Customize your YouTube Feed

Scroll down to General settings and modify your YouTube Feed. Play around with the following options:

  • Change feed title
  • Allow new media to be added automatically
  • Modify the posts type
  • Order videos by date (oldest or newest first)
  • Allow posts to link with Social Media or not
  • Change the layout of the feed
  • Use CSS editor to design a custom feed style 

Tip: EmbedFeed provides options to add a custom ‘Buy’ button in the YouTube feed posts. So, when a visitor clicks on it, they can be navigated to the page where they can buy the selected product. How great is that, right?

Embed YouTube Channel in Website Builders 

Let’s go back to the code part. The code is now in your clipboard, ready to be pasted into your website. This action depends on the platform you want to embed the code in. In other words, you have 2 options:

  1. Insert your YouTube generated code directly in HTML code
  2. Insert your code in a web platform

Follow these 4 steps to insert YouTube generated code in HTML code:

  1. Open your website code
  2. Select the place where you want your YouTube channel to appear and paste the EmbedSocial’s code there (inside the <body> tag)
  3. Once that is done, save your code
  4. Refresh your browser and you will see your YouTube feed

Well done! Now your visitors can explore your YouTube channel without leaving your site.

Follow these steps to insert YouTube generated code your web platform:

Important: Take a breath… EmbedSocial integrates and works with all platforms that provide an option to embed third-party iframes or javascript codes. WordPress, Squarespace, PageCloud, Joomla, Wix, Weebly, Shopify, Magento, OpenCart are some of the most used content management platforms and web builders that are part of our portfolio. 

Let’s take WordPress and Squarespace as an example.

To embed YouTube channel code in WordPress:

  1. Login to your WordPress website and open the page where you want to display your YouTube feed
  2. Select the area of the editor where you want to add the code and click on the + icon to add an HTML bock
  3. Select Custom HTML block and paste the code in the input field
  4. Click ‘Update‘ (or preview) and you can see your embedded YouTube channel

Note for use of a shortcode: If you want to use a shortcode, just follow the same steps, and instead of Custom HTML choose the Shortcode block where you can paste the provided shortcode (located just below the main javascript of your YouTube feed widget).

In case your website is built with Squarespace, follow these steps:

  1. Open your Squarespace account
  2. Navigate to My sites and click on the website where you want to display the YouTube Channel
  3. When the config screen opens, on the left side menu click ‘Pages‘ and open the page you want to edit
  4. At the top right in the dark header of the block section, just click the plus + button
  5. A box with options will show up. Click the </> (embed) symbol
  6. A popup will appear where you will need to click the code icon
  7. In the blank code space, just paste our code here
  8. Click ‘Set to’ complete this action
  9. Don’t forget to click ‘Save

Do more with web-based YouTube channel​​​​​​​

  • Every time you add videos to your YouTube channel, your videos will be automatically added (auto sync) on your website
  • You always have the control to choose which videos appear on your website
  • You can combine feeds from multiple YouTube channels (you will only need the channel URL and our system will do the rest of connecting with YouTube’s API and generating the videos)

With these unique YouTube widget options, we promise you that you will stand out from your competitors and offer a more unique experience for your users.

Before you go…

Here are 3 great reasons why you should continue to sync your YouTube channel on your website:

  • Keeps people to stay longer on your website (you offer them hand-picked and more relevant content)
  • Any new visitor is a prospective subscriber to your YouTube channel
  • Perfect opportunity to show user-generated videos

Video instructions to embed YouTube channel

We are all learning at different speeds. And that is okay.

So, if you need more help, here is a video for detailed instructions. Just click the play button below and our amazing Customer Success team will guide you through the process.

You deserve your visitors to enjoy your website. And creating YouTube videos is just half of the battle. To go a step further, you can try our latest YouTube widget and embed a YouTube playlist on your website. 

Happy embedding! 🙂

Embed your YouTube channel

Try EmbedFeed to generate and embed Instagram, Facebook, YouTube, or TikTok feeds on any website, like a PRO.

7 days free trial · Easy setup · Cancel any time

Avatar for Katerina Bojkov
Katerina Bojkov

Co-Founder of EmbedSocial and Head of Growth. A previous owner of a Facebook Partner Company and a digital marketing agency. Marketing API geek and a Call of Duty fan.

Источник: https://embedsocial.com/blog/embed-youtube-channel/

How To Embed Private YouTube Videos on Your Website For Free

YouTube is a pretty incredible video hosting service. So when it came time to make private videos for members of my website, I tried to host the videos on YouTube.

It is possible to embed private YouTube videos on your website. But, you’re not going to like what you have to do to get it to work. Below is exactly what you can and cannot do, how to do it, and the best private video hosting sites for better results.

Mark Your Video as Private then Share and Embed

Go to the YouTube Creator Studio for your account then click videos on the left-hand tab. From there, mark your video as private.

youtube studio mark video private.

Now you have to share the video with the people on your list. Click the details button on your video (or clicking the video itself should take you to the details view). Then click “More Options.” From here, you want to make sure “Allow Embedding” is checked, click the three vertical dots at the top right of the screen, then click “Share privately.”

youtube studio allow embedding and share privately.

Now enter the email addresses that you want to be able to access the video into the box.

Youtube studio share emails privately.

You did it! However, there are caveats.

  1. Users entered must have a valid YouTube account.
  2. The list is limited to 50 people.

Now you have to navigate back to your YouTube video and grab the embed code to place on your website.

YouTube get embed link

Place the embed code onto your website, and only people you shared the private video with will be able to see it. Amazing!

Can Playlists Be Shared Privately?

As of February 2021, YouTube currently doesn’t have the functionality to privately share an entire playlist as you can do with individual videos.

If you want to do the above, the only way to do it is by entering the email list you want to share with on every video you want to share.

How To Enable Member-Only Content on Your YouTube Channel

In 2019, YouTube began experimenting with allowing you to use member-only content on your channel in-exchange for 30% of the revenue you bring in.

This method would theoretically allow you to embed member-only YouTube videos on your website. But, there are problems that come along with it.

  1. Pricing options are capped. So if you have a $500 course, you can’t charge $500 for your YouTube Membership. You’re stuck with YouTube’s default pricing options.
  2. You’re not able to add members to your channel for free by knowing their email address.
  3. It’s not entirely private. Users can see your videos exist, but they can’t watch them unless they pay.
  4. Not all channels are immediately eligible. You will need a bit of a YouTube following to enable this feature.
  5. YouTube takes 30% of your Revenue. If I were offerring a video course I wouldn’t want to lose 30% of the cash unless YouTube was providing me 3x the subscriptions I could otherwise get.

On my personal YouTube account that I never use when I go to YouTube.com/features, I am not eligible to enable member-only content.

Youtube Create a channel Membership.

What is The Difference Between a Private and Unlisted Video on YouTube?

A private video means only you or people you have shared the video with directly can see it. An unlisted video means that anyone with the URL can view the video but it won’t show up on your channel or in search results.

Setting your videos as unlisted and embedding them on your website may be a good solution for some of you. However, you will not be able to stop the propogation of your video from anyone who discovers the link. It’s not a great option if you’re trying to host a course behind a paywall.

How To Host Private Videos on Your Website

As you can see, hosting private videos through YouTube isn’t feasible at this time. You really will need to look for another service to place access restricted videos on your website. The question is which one.

I wrote an entire blog post exploring what the best private video hosting service is. I highly recommend you check that post out.

The TLDR version is that Vidello is my #1 choice for private video hosting. Wistia’s dramatically more expensive, but if money means nothing to you I like their software just as much.

Источник: https://www.shaunpoore.com/embed-private-youtube-videos/

Responsive Youtube Embed

How to Customize an Embedded YouTube Video

When you embed a YouTube video, you display the original video as it's seen on YouTube. However, you can change how the video appears when embedded on a web page.

You might want to customize an embedded YouTube video to make it fit better on your website. Or to stop your viewers from making the video full screen so that they see more of your website.

How to Change the Embed Options

There are a couple of ways to copy the embed code for a YouTube video. The method used here displays the visual options selector.

  1. On YouTube, select Share below the video.

  2. Select Embed.

  3. Below the embed code, under Embed options, select Show player controls.

  4. Select Copy to copy the embed code. You can then put the YouTube video on a website.

More Customization Options

As you select the Embed options, the embed code changes. With each setting you enable or disable, the code updates to reflect how the video behaves.

YouTube allows for other alterations if you want to change the code manually. For example, setting the fs parameter to 0 prevents viewers from making the YouTube video full screen. Adding the start parameter to the code lets you choose at which point in the video to start the stream.

If you don't want to update the code, use this custom video embed generator. Paste the video ID into the box on that page and enable any of the settings to change the embed code. Some of the options let you customize the width and height of the video player, force 1080p resolution, change the progress bar to white instead of red, and make the video play automatically.

Thanks for letting us know!

Источник: https://www.lifewire.com/embedded-youtube-video-customization-1082489

You can watch a thematic video

How to Embed YouTube Video in a Website

Embed youtube video in website -

Looking for an easy way to embed your entire YouTube channel videos on your WordPress website?

As the world’s largest video-sharing platform, YouTube can play a part in growing your business.

Displaying your YouTube channel on your website helps you grow your audience and reach more prospects for your business.

The not-so-great news? Embedding your YouTube channel manually on your website is pretty complex if you’re not tech-savvy.

The great news? It’s easier than you think. And you don’t even need to be an expert in any HTML code to do it!

embed youtube channel

In this guide, we’ll show you the simplest way to embed your YouTube channel on your website.

Since we’ll talk about the step-by-step process, here’s a table of contents to guide you in navigating this post:

Before we start with the actual tutorial, let’s talk about the benefits of showing your YouTube channel on your website.

Or, you can click here to skip ahead to the tutorial.

Why Embed Your YouTube Channel to Your Website?

With over 2 billion users worldwide, YouTube is the second most popular social media platform. This is why you should show your YouTube channel feed to as many relevant audiences as possible.

  • The more website visitors see your videos, the more they can be converted to your channel subscribers.
  • The more accessible your YouTube channel is, the more potential you have to engage with your customers through video.
  • With relevant YouTube videos on your site, you can also boost your conversions and turn website visitors into customers.
  • You can stand out from your competition if you give your customers another way to view your content in the form of video.
  • You can easily update your website with relevant YouTube videos, so it’s also great for your SEO.

Now that you know why it’s important to promote your YouTube channel on your website let’s move on to how you can embed your YouTube channel to your WordPress below.

2 Methods to Embed YouTube Channel on WordPress

There are 2 ways to link your YouTube channel to your website:

  1. Automated: You use a trusted WordPress plugin and connect your YouTube channel to it. In just a few clicks, you can easily display your channel feed on your website.
  2. Manual: Visit your YouTube channel URL. Then, you get the code of several videos on YouTube. Next, you embed the individual videos manually since each video has a different embed code.

The easiest way to embed your YouTube channel on your website is by using the 1st method: using a YouTube feed plugin.

And since it’s the best YouTube plugin for WordPress, you can use Feeds for YouTube Pro by Smash Balloon.

With this plugin, you can display your YouTube playlist and even channel videos on your website. Since it’s also beginner-friendly, it’s perfect for people who are not WordPress experts yet.

embed youtube channel wordpress plugin

The plugin offers different customization choices when it comes to styling your YouTube channel feed.

So, you can rest easy knowing that you don’t need to be skilled in coding languages like iFrame, HTML, CSS, or JavaScript just to make your feed look good.

Plus, the plugin automatically makes your YouTube videos responsive — no technical knowledge required.

embed youtube channel example

Worried about the plugin slowing down your site? You don’t need to be.

Unlike other plugins, the Feeds for YouTube Pro plugin starts loading the YouTube video player only when your visitor engages with your feed. It doesn’t do autoplay, so it’s better for your Google Page Speed score.

This ultra-fast feature of the plugin improves your webpage’s speed and performance.

The best part?

Once you’ve installed your Feeds for YouTube Pro plugin, you can embed your YouTube channel with multiple YouTube videos on your website in under a minute!

Read more below to see how you can get started with the process.

Step 1: Install Feeds for YouTube Pro Plugin

To begin, you can download your copy of the Feeds for YouTube Pro plugin here.

Then, add the plugin to your WordPress site by installing it. Not sure how to do this? Check out this step-by-step tutorial to install a WordPress plugin for your guide.

Step 2: Connect Your YouTube Channel

After installing and activating the plugin, the next step is to connect it to your YouTube account.

To do this, go to Feeds for YouTube. Under the Configure tab, click on the blue Connect to YouTube to Create a Feed button.

connect to embed youtube channel

Once you connect your YouTube account, the plugin can only read your data and can’t make any changes. So, Smash Balloon is completely safe.

In addition to connecting your YouTube account, you can also add your API Key.

Several features need your YouTube API Key for them to work, so go ahead and follow this helpful guide on creating and using an API Key.

Then, move on to the next step below.

Step 3: Get Your YouTube Channel’s ID or Username

How do you know what your YouTube channel ID is?

First, go to https://www.youtube.com. Then, simply visit the YouTube channel you want to embed.

Finally, check out the URL and copy the channel ID or the channel name from there.

embed youtube channel

Step 4: Select “Channel” Feed Type

Since this tutorial is about embedding your YouTube channel on your website, click on the Channel option under Feed Type. Then, paste your YouTube channel’s ID here.

embed youtube channel feed type

Don’t forget to click the Save Changes button.

Step 5: Customize Your YouTube Channel Feed

Now that you’ve specified which YouTube channel you want to display, the next step is customizing how it will look like on your website.

Start by clicking on the Customize tab. Under here, you can modify the channel feed’s width, height, and background color.

embed youtube channel customize feed

And the design features aren’t just limited to this.

You can scroll down and choose the Layout Type of your feed, too. This way, you can control how your YouTube channel’s feed looks like on your WordPress website.

Choose among a uniform grid, a YouTube gallery with one large video and small thumbnails underneath, a list with a single column, and a slideshow carousel.

embed youtube channel layout

Once you’re happy with your YouTube channel’s layout, you can scroll further down to the Info Display area.

Here, Feeds for YouTube Pro gives you control over the type of data you want to show in your feed.

You can just click on the drop-down menus or check the box to show the information and uncheck it to hide.

embed youtube channel info display area

You can also show or hide your YouTube channel’s description and subscriber count in your feed.

A few clicks under the Header section can change that.

embed youtube channel customize header

Now that you’re done with customizing your YouTube channel’s feed, it’s time to embed it on your website.

Step 6: Display Your YouTube Channel Feed in WordPress

Using the Feeds for YouTube Pro plugin, you can easily add YouTube feeds to your website. In fact, there’s 2 embed options for you here:

  1. On your page or post in WordPress, or,
  2. On your sidebar in WordPress

Don’t know which way to use to embed YouTube videos? Let’s talk about both ways to embed your YouTube channel below.

How to Embed Your YouTube Channel Feed in a WordPress Post or Page

Before we show you how to add a YouTube channel to your site, you have to choose between embedding your channel feed in a post or page.

To use a WordPress page, you’ll first need to go to Pages » Add New from your WordPress dashboard to create a new page.

add new page to embed youtube channel

If you want to go for a WordPress post instead, go to Posts » Add New to create a new post.

add new post to embed youtube channel

After you’ve created your post or page, you can click the Plus (+) icon to add a new WordPress content block.

Type “youtube” in the search box and click on the Feeds for YouTube block to add it to the editor.

embed youtube channel wordpress add youtube block

Already added the Feeds for YouTube block? Great!

Now, you can see a preview of how your YouTube channel looks like before publishing. You can see in this example that the plugin automatically shows your video thumbnail on your website.

embed youtube channel wordpress

How to Embed Your YouTube Channel Feed on a WordPress Sidebar

Now, if you prefer to embed your channel feed on your sidebar as a YouTube widget instead, here’s a simple way to do it.

From your dashboard, navigate to Appearance » Widgets. Then, under Available Widgets, click on the YouTube Feed widget.

Choose which area you’d like to display it on, and click on Add Widget to save your choice.

embed youtube channel youtube widget

After doing this, check out your website and see your channel feed’s video content nicely displayed on your sidebar.

embed youtube channel website sidebar

So, there you have it!

You’ve finally learned how to embed your YouTube channel videos onto your website. Now, you can start growing your channel and expanding your audience.

All you have to do is add YouTube channels to your site and you can grow your subscribers and make your site more engaging at the same time.

Get started with Feeds for YouTube here.

Pro-tip: Want unlimited access to Smash Balloon plugins so you can use them on unlimited websites? Feel free to get the All Access bundle here.

As the best social media aggregator, Social Wall Pro lets you combine all your social media feeds into a single wall.

The great part about Smash Balloon’s pricing method? It comes with a 100% no-risk money-back guarantee, so you can try out the plugins first and see if it’s a good fit for you.

For further reading, you can also check out this post on the different types of YouTube videos proven to increase your subscribers in no time.

And that’s just the start. We also have a guide on how to use Instagram to grow your YouTube channel.

Also, if you found this guide helpful, go ahead and follow us on Twitter and Facebook for more useful YouTube tutorials.

Источник: https://smashballoon.com/how-to-embed-a-youtube-channel-on-your-website/

Responsive Youtube Embed

Insert a video from YouTube or another site

Your browser does not support video.

In PowerPoint for Microsoft 365 or PowerPoint 2019, you can insert an online video from YouTube or Vimeo on a slide.

In PowerPoint for Microsoft 365, version 1907 or later, you can also insert an online video from Microsoft Stream, a video service for enterprises—people in an organization can upload, view, and share videos with one another.

The video plays directly from the website, and it has the site's controls for playing, pausing, volume, and so on. The PowerPoint playback features (Fade, Bookmark, Trim, and so on) don't apply to online videos.

Because the video is stored on a web site, rather than in your presentation, you must be connected to the internet in order for the video to play successfully.

Insert a web video

  1. In your web browser, locate the video you want.

  2. Copy the URL of the web page from the Address bar of your browser.

  3. Switch back to PowerPoint and select the slide where you want to place the video.

  4. On the Insert tab of the ribbon, select Video > Online Video.

  5. In the Online Video dialog box, paste the URL you copied in step 2.

  6. Select Insert.

Play the video

If a video is inserted successfully, you can play it either in Normal view or Slide Show. 

  • A Play button appears on the video in Normal view.

  • In Slide Show, you can interact with videos just as you would in a web browser.

  • By default, videos from YouTube and Vimeo play in "click sequence." You can play the video without having to click the Play button. Just tap the spacebar to advance to the next step in your click sequence.

Troubleshooting

Not all online videos from these sites are allowed to be embedded. You should check on the video site to find out if a certain video can be embedded. 

Internet Explorer 11 is required on your computer

Note:  Microsoft 365 apps and services will not support Internet Explorer 11 starting August 17, 2021. Learn more. Please note that Internet Explorer 11 will remain a supported browser. Internet Explorer 11 is a component of the Windows operating system and follows the Lifecycle Policy for the product on which it is installed. 

For the purpose of playing videos in PowerPoint, Internet Explorer 11 is required to be on your computer. You don't have to use it to browse the web; you simply have to have it installed, because under the covers, PowerPoint needs its technology to play videos on Windows. 

If your operating system is Windows 10, then you already have Internet Explorer 11 installed. If you have an older version of Windows, you can go to this Internet Explorer Downloads page for instructions. 

Want to insert a video from your computer instead?

See Insert and play a video file from your computer for all the details.

Terms of Use and Privacy policies

Vimeo:

YouTube:

Microsoft Stream:

SlideShare.net:

In PowerPoint 2016, you can insert an online video with an embed code or search for a video by name. Then you can play it during your presentation.

The video plays directly from the website, and it has the site's controls for playing, pausing, volume, and so on. The PowerPoint playback features (Fade, Bookmark, Trim, and so on) don't apply to online videos.

Because the video is stored on a web site, rather than in your presentation, you must be connected to the internet in order for the video to play successfully.

Insert the online video with an "embed" code

  1. On YouTube or Vimeo, find the video that you want to insert.

  2. Below the video frame, click Share, and then click Embed. (If you neglect to click Embed, you'll end up copying the wrong code.)

    Click Share, and then click Embed
  3. Right-click the iFrame embed code, and click Copy.

    Copy the iFrame embed code

    If the highlighted text that you copy begins with "http", STOP. It's the wrong code to copy. Return to step 2 and click Embed:

    To work correctly, the code you use to embed your video must begin with either "iFrame" or "<object".
    If your embed code begins with "http", your video won't be embedded successfully.
  4. In PowerPoint, click the slide that you want to add a video to.

  5. On the Insert tab, click Video > Online Video.

  6. In the From a Video Embed Code box, paste the embed code, and then click the arrow.

    Shows embed video option in powerpoint
  7. A video rectangle is placed on your slide, which you can move and resize as you like. To preview your video on your slide, right-click the video rectangle, select Preview, and then click the Play button on the video.

Search for the YouTube video by name

  1. Click the slide that you want to add a video to.

  2. On the Insert tab, click Video > Online Video.

    The button on the ribbon for inserting an online video in PowerPoint
  3. In the Search YouTube box, type the name of the video that you want to insert, and press Enter.

  4. Select the video from the search results, and click Insert.

  5. A video rectangle is placed on your slide, which you can move and resize as you like. To preview your video on your slide, right-click the video rectangle, select Preview, and then click the Play button on the video.

Preview the video

  1. Once the video rectangle is on your slide, select it, right-click it and choose Preview.

    A Play button appears on the video.

  2. Click the video's Play button.

    Because the video is on a web site, rather than actually in your presentation, you must be connected to the internet in order for the video to play successfully.

Internet Explorer 11 is required on your computer

Note:  Microsoft 365 apps and services will not support Internet Explorer 11 starting August 17, 2021. Learn more. Please note that Internet Explorer 11 will remain a supported browser. Internet Explorer 11 is a component of the Windows operating system and follows the Lifecycle Policy for the product on which it is installed. 

For the purpose of playing videos in PowerPoint, Internet Explorer 11 is required to be on your computer. You don't have to use it to browse the web; you simply have to have it installed, because under the covers, PowerPoint needs its technology to play videos on Windows. 

If your operating system is Windows 10, then you already have Internet Explorer 11 installed. If you have an older version of Windows, you can go to this Internet Explorer Downloads page for instructions. 

Want to insert a video from your computer instead?

See Insert and play a video file from your computer for all the details.

Embed content from Slideshare.net

On a slide in PowerPoint, you can embed content from Slideshare.net, a sharing web site for presentations, infographics, and documents.

On Slideshare.net, any content that can be embedded elsewhere has a Share button on it. That button opens a window where you can copy an embed code like an embed for a video.

  1. On Slideshare.net, find the content you want to embed.

  2. Select the Share button beneath the content frame.

    Sharing codes appear in the video frame.

  3. Select the box named Embed.

    All the text in the box becomes selected when you do this.

  4. Right-click the selected text and choose Copy.

    The text you've copied contains more information than you need, so it needs to be trimmed and re-copied.

  5. Paste the copied text into a text editor such as Word or Notepad.

  6. Select the portion of the text that begins with <iframe src ... and ends with </iframe>. Copy that text.

    That's the embed code you need for inserting the content into PowerPoint.

  7. In PowerPoint, go to the slide where you want to insert the content.

  8. On the toolbar ribbon, select the Insert tab, select Video, and then select Online Video.

    The Insert Video dialog box opens.

  9. Paste the embed code in the box named From a Video Embed Code, and then press Enter.

    It takes a moment for PowerPoint to absorb the content. When it has done so, a black box appears on your slide.

  10. To view the content, select the Slide Show button Slide Show view button on the task bar. near the bottom-right corner of the PowerPoint window.

Requirements

Your use of online videos is subject to each provider web site's Terms of Use and Privacy Policy.

In PowerPoint 2013, you can insert an online video, and then play it during your presentation.

The video plays directly from the website, and it has the site's controls for playing, pausing, volume, and so on. The PowerPoint playback features (Fade, Bookmark, Trim, and so on) don't apply to online videos.

Because the video is stored on a web site, rather than in your presentation, you must be connected to the internet in order for the video to play successfully.

Search for the YouTube video by name

  1. Click the slide that you want to add a video to.

  2. On the Insert tab, click Video > Online Video.

    The button on the ribbon for inserting an online video in PowerPoint
  3. In the Search YouTube box, type the name of the video that you want to insert, and press Enter.

    This is the Insert Online Video dialog box in PowerPoint 2013.
  4. Select the video from the search results, and click Insert.

  5. A video rectangle is placed on your slide, which you can move and resize as you like. To preview your video on your slide, right-click the video rectangle, select Preview, and then click the play button on the video.

  6. Switch to the Playback tab of the ribbon to make choices about how and when the video plays:

    The Playback tab on the PowerPoint ribbon has options for choosing how to play a video.

Preview the video

  1. Once the video rectangle is on your slide, select it, then select the Playback tab on the PowerPoint ribbon.

  2. At the left end of the Playback tab, select the Preview button.

Internet Explorer 11 is required on your computer

Note:  Microsoft 365 apps and services will not support Internet Explorer 11 starting August 17, 2021. Learn more. Please note that Internet Explorer 11 will remain a supported browser. Internet Explorer 11 is a component of the Windows operating system and follows the Lifecycle Policy for the product on which it is installed. 

For the purpose of playing videos in PowerPoint, Internet Explorer 11 is required to be on your computer. You don't have to use it to browse the web; you simply have to have it installed, because under the covers, PowerPoint needs its technology to play videos on Windows. 

If your operating system is Windows 10, then you already have Internet Explorer 11 installed. If you have an older version of Windows, you can go to this Internet Explorer Downloads page for instructions. 

Want to insert a video from your computer instead?

See Insert and play a video file from your computer for all the details.

Requirements

Your use of online videos is subject to each provider web site's Terms of Use and Privacy Policy.

Important: Office 2010 is no longer supported. Upgrade to Microsoft 365 to work anywhere from any device and continue to receive support.

Upgrade now

YouTube videos on PowerPoint 2010 have stopped working.    YouTube recently has discontinued support for the Adobe Flash Player, which PowerPoint 2010 uses behind the scenes to play a YouTube video embedded on a slide.

As a result of this change, you can no longer play a video in PowerPoint 2010. Instead you get an error message that says: "Flash-embedded videos are no longer supported."

There are two ways to work around this problem, described below Install an add-in that can play a video, or upgrade to a newer version of PowerPoint.

Use the LiveWeb add-in to insert and play an online video

This is a task for patient do-it-yourselfers who are comfortable with installing and setting up software on their own. We've tried to outline the necessary steps carefully.

There are three procedures below to help you    The first two only need to be done once: They install and set up the add-in. Once those are completed, you can use the third procedure to insert an online video on a slide in PowerPoint 2010.

Click a section heading below to open it and see the detailed instructions:

  1. Close Office 2010.

  2. Go to the home page for the LiveWeb add-in, and click the download link for PowerPoint 2007/2010/2010/2016 (32bit/64-bit) users.

    Get the LiveWeb add-in from this download page

    A compressed file, lwsetup40.zip is downloaded to your computer. To begin, you uncompress it to be able to use the files.

  3. In File Explorer, right-click the .zip file and choose Extract all.

    Right-click the compressed zip file to extract a file from it.
  4. In the Extract dialog box, select the Show the extracted files when complete option, and then click Extract.

    The Extract dialog box

    The uncompressed file is copied to your computer.

  5. Double-click lwsetup.exe to start installing the LiveWeb add-in on your computer.

    Double-click lwsetup.exe to start installing the LiveWeb add-in.

    Next you'll walk through a series of options before the add-in is installed on your computer.

  6. Click Yes to allow the app to make changes to your device.

    Allow the add-in to make changes to your device
  7. In the InstallShield Wizard dialog box, click Next.

  8. Read the license agreement, select I accept the terms of the license agreement, and then click Next.

    (You must accept the license agreement to be able to use the add-in.)

  9. The default installation folder is C:\Program Files (x86)\Shyam Pillai\LiveWeb. Change it if you want to, and then click Next.

  10. All the options are now configured: Click Install.

    With all the options established, begin the installation
  11. Wait until the installation is completed and then click Finish to exit the installation process. You're ready to use the add-in now.

  1. Open Office 2010 from your Start menu.

  2. On the File tab of the toolbar ribbon, click Options.

    On the File tab of the Ribbon in PowerPoint 2010, click Options
  3. In the PowerPoint Options dialog box, select the Trust center from the left pane, and then click Trust Center Settings.

  4. In the Trust Center dialog box, in Macro Settings, select Disable all macros with notification and then click OK.

    Select "Disable all macros with notification" and then click OK

    The Trust Center doesn’t disable the macros automatically this way. It makes you choose whether to enable or disable them yourself. In this case, we'll choose to enable them.

  5. In the left panel of the dialog box, click ActiveX Settings, select Prompt me before enabling all controls with minimal restrictions, and then click OK.

  6. Select Add-Ins from the left pane. From the Manage list, at the bottom, select PowerPoint Add-ins and then click Go.

    Open the list of PowerPoint Add-ins, and then click Go
  7. Click Add New to add the LiveWeb add-in to your list.

  8. Browse to the folder where you installed LiveWeb in step 9 of the previous procedure, select LiveWeb.ppam and then click OK.

    Select LiveWeb.ppam and then click OK.

The LiveWeb add-in is installed and ready to be used in PowerPoint 2010.

Sometimes the add-in doesn’t appear in the list, but it will work properly. Click Close and read the following steps to use it.

  1. In your web browser, go to YouTube. Locate the video that you want to insert on a slide. Copy the https: address of the web page.

  2. In PowerPoint 2010, on the Insert tab of the Ribbon, near the right end, click the Web Page button.

    The LiveWeb add-in is found on the Insert tab of the Ribbon, at the far right end

    The LiveWeb dialog box opens.

  3. In the dialog box, click Next.

  4. In the top box, paste the address (from step 1) of the video you want to insert. Then click Add, and then Next.

    Paste the https address of the video you want to insert
  5. Ensure that the Yes, refresh web page automatically (real-time update) box is checked, and then click Next.

  6. In step #3, Click Next unless you first want to change any optional settings for your video.

  7. Click Finish.

  8. Click OK in the message box.

    Save your presentation. Now you're ready to test the video in Slide Show.

  9. Press F5 to start Slide Show. Once the video starts, press the Full-screen button to expand the video frame.

    Press the Full-screen button to expand the video frame
  10. If the screen looks like this after switching to full screen, press Ctrl+Plus sign once on your keyboard to expand the video:

    If the video doesn't yet fill the screen, press Ctrl and the Plus sign once to endlarge the video frame

    At this point, the video should fill the screen.

  11. Click Play, if necessary, to begin the video.

Upgrade to a newer version of PowerPoint if you can

If you are able to upgrade, we suggest that you do so as a way to work around this problem that can't be fixed:

  • You can upgrade from Office 2010 to a newer version that doesn't rely on Adobe Flash Player to play YouTube videos, and therefore doesn't have the same problem that PowerPoint 2010 now has.

    To make the upgrade beneficial, you need to be using a version of Windows that supports the version of Office that you've chosen. Office 2013 requires Windows 10, Windows 8.1, Windows 8, or Windows 7. Office 2016 requires Windows 10, Windows 8.1, Windows 8, or Windows 7 Service Pack 1.

    If you'd like to always have the latest version of Office, you can become an Microsoft 365 subscriber. Click to try or buy and to compare a subscription versus a one-time purchase.

Requirements

Your use of online videos is subject to the provider web site's Terms of Use and Privacy Policy.

In PowerPoint for Microsoft 365 for Mac or PowerPoint 2019 for Mac, you can insert an online video from YouTube or Vimeo on a slide.  Earlier versions of PowerPoint for macOS don't support inserting an online video.

In PowerPoint for Microsoft 365 for Mac, you can also insert an online video from Microsoft Stream, a video service for enterprises—people in an organization can upload, view, and share videos with one another. This feature requires PowerPoint for Microsoft 365 for Mac version 16.27 or later.

The video plays directly from the website, and it has the site's controls for playing, pausing, volume, and so on. The PowerPoint playback features (Fade, Bookmark, Trim, and so on) don't apply to online videos.

Because the video is stored on a web site, rather than in your presentation, you must be connected to the internet in order for the video to play successfully.

Insert a web video

  1. In your web browser, locate the video you want.

  2. Copy the URL of the web page from the Address bar of your browser.

  3. Switch to PowerPoint and select the slide where you want to place the video.

  4. On the Insert tab of the ribbon, in the Media group at the right end, select Video. Then select Online Movie.

  5. In the dialog box, paste the URL you copied in step 2.

  6. Click Insert.

    The video is added to the slide.

  7. To preview the video, click the Play button that appears on top of video.

Want to insert a video from your computer instead?

See Insert and play a video file from your computer for all the details.

Requirements

Inserting and playing an online video requires a recent version of macOS and PowerPoint for macOS:

  • PowerPoint version 16.15.18070902 or later

  • macOS 10.13.4 (High Sierra) or later

  • A Mac manufactured in 2012 or later

Your use of online videos is subject to each provider web site's Terms of Use and Privacy Policy.

While PowerPoint 2016 for Mac itself doesn't support inserting an online video, it takes just a few steps to use an add-in that lets you insert a video from YouTube or Vimeo.

Insert an online video with the Web Video Player add-in

  1. In your presentation, open a new slide. (The video takes up the full slide, so it's best to start fresh.)

  2. On the Insert menu, select Add-ins > Store.

  3. In the Office Add-ins dialog box, in the Search box, type web video player and press Enter.

    The Search should fine a match named Web Video Player.

  4. Select Add.

    A video frame is added to the slide.

  5. In the text box, paste the address (URL) from the YouTube or Vimeo page of the video you want.

  6. Select Set Video.

    The video frame will refresh itself and show a still image from the video.

  7. Select the play button on the video to test it.

Want to insert a video from your computer instead?

See Insert and play a video file from your computer for all the details.

Vimeo and YouTube terms of use

Your use of online videos is subject to each provider web site's Terms of Use and Privacy Policy.

In PowerPoint for the web, you can insert an online video from YouTube or Vimeo on a slide. (If you have a Microsoft 365 business or education subscription, you can also insert an online video from Microsoft Stream.)

The video plays directly from the website, and it has the site's controls for playing, pausing, volume, and so on. The PowerPoint playback features (Fade, Bookmark, Trim, and so on) don't apply to online videos.

Because the video is stored on a web site, rather than in your presentation, you must be connected to the internet in order for the video to play successfully.

Insert an online video

  1. On a separate tab in your web browser, locate the video you want.

  2. Copy the address of the web page from the Address bar of your browser.

  3. Switch to PowerPoint for the web and select the slide where you want to place the video.

  4. On the Insert tab of the ribbon, in the Media group, select Online Video.

  5. In the Online Video dialog box, paste the address you copied in step 2.

  6. Select Insert.

    The video is inserted on your slide. You can move the video by dragging with the mouse, and you can resize the video frame by selecting a corner and dragging.

  7. To play the video, you must run Slide Show. On the ribbon, switch to the View tab, and in the Start Slide Show group, select From Current Slide.

    (If you've turned off the Simplified Ribbon, you don't have a Slide Show tab; instead use the View tab to start the slide show.)

    Slide Show opens, and then you can click the play button to begin.

For related information, see Play a video in PowerPoint for the web.

Your use of online videos is subject to each provider web site's Terms of Use and Privacy Policy.

Trimming a video

PowerPoint for the web can't trim videos, and online videos can't be trimmed. If you have a video that you want to trim, you must save it to your computer, then insert it on your slide in a desktop version of PowerPoint. 

See Also

Video: Insert a video from YouTube in PowerPoint 2013

Why can’t I embed a video in PowerPoint?

Add audio to your presentation

Video and audio file formats supported in PowerPoint

Источник: https://support.microsoft.com/en-us/office/insert-a-video-from-youtube-or-another-site-8340ec69-4cee-4fe1-ab96-4849154bc6db

How to Embed YouTube Channel on Your Website

YouTube videos are becoming an essential part of businesses’ marketing strategy and using tools to reach more viewers can be crucial for success.

One of the ways to increase your YouTube audience is by showing them on your website. And if you need a solution on how to embed your YouTube channel on your website, you’ve come to the right place.

Options to embed YouTube channel

There are two general options on how you can embed your YouTube channel:

  1. Manual: Copy/paste each video embed code provided by YouTube
  2. Automatic: Use a third-party tool or plugin that has direct integration with YouTube to fetch, and sync the entire YouTube Channel with your website

If you choose the first option, just follow these steps:

  1. Go to each video on your YouTube channel and click on the ‘Share’ option locatedbelow the video (as shown on the screenshot)
  2. Click on the ‘Embed‘ option
  3. Copy the provided code
  4. Paste the code in a separate page on your website

You can repeat this for each video you want to embed. By doing this, you can have all your YouTube videos displayed on a website page. If you are a web developer you can make this page look in a grid layout that is similar to the YouTube channel page. But, this option is more aimed at one video embeds.

As for brands or agencies, saving time is crucial, and making sure all videos are synced properly has an option to do this with third-party tools, such as EmbedFeed, a social media aggregator, that as an addition to its features, provides YouTube API integration.

Having this permission, allows you to generate the YouTube videos posted on your channel and with one line of code to display a professional video feed on your website.

Continue, reading to find out how to use EmbedFeed for building professional web pages with your social media and YouTube video content.

Features for YouTube Videos 

At the moment, the platform provides advanced moderation settings in the feed builder and a variety of layouts and widgets, such as:

  • YouTube carousel widget
  • YouTube slider widget
  • YouTube slideshow widget
  • YouTubeslideshow widget without thumbnails
  • YouTube slideshow widget with vertical thumbnails
  • YouTube Feed (4 different widgets)
  • YouTube masonry widget
  • YouTube grid widget

So, if you want to embed a YouTube channel widget, just follow the steps explained in the next section.

5 easy steps to embed YouTube channel

Before you start, If you are not a user yet, register for a free trial and you are ready to go. Once you have an account on theplatform, just follow the steps below:

Step 1: Log in to your EmbedFeed account

Step 2: Go to “Sources” on the left side menu and click “Add Source”

Step 3: A window with social media networks will open up. Then, select ‘YouTube‘ as a source

Step 4: Choose “YouTube channel”

Step 5: Paste your channel URL to generate your YouTube feed (Go to https://www.youtube.com and go to your channel to copy the link)put filed

As you can see, there are 2 options to enter YouTube channel link (I will use EmbedSocial URL as an example):

Option 1: Copy and add the home URL of the channel

Example: https://www.youtube.com/channel/UCAKeTj4MAHgXztgwypCYg7A

Option 2: Add a YouTube channel by username

Example: https://www.youtube.com/yourusername

Step 6: If the media is successfully imported, you will notice the message shown below. Go to ‘Create Widget‘.

Once the system creates your YouTube fed widget, you will see a code (located at the top right corner, as shown in the screenshot below).

Great work! You now have the necessary code to embed your YouTube widget on your website.

Step 7: Just, copy and paste the code into your HTML code or in your Website builder. You can copy the javascript code or you can use the shortcode below the box if you use WordPress.

But before display, your YouTube channel on your website, you can take some time to enhance the design and the layout of the feed. Check some of the customization options available in the Settings panel.

Customize your YouTube Feed

Scroll down to General settings and modify your YouTube Feed. Play around with the following options:

  • Change feed title
  • Allow new media to be added automatically
  • Modify the posts type
  • Order videos by date (oldest or newest first)
  • Allow posts to link with Social Media or not
  • Change the layout of the feed
  • Use CSS editor to design a custom feed style 

Tip: EmbedFeed provides options to add a custom ‘Buy’ button in the YouTube feed posts. So, when a visitor clicks on it, they can be navigated to the page where they can buy the selected product. How great is that, right?

Embed YouTube Channel in Website Builders 

Let’s go back to the code part. The code is now in your clipboard, ready to be pasted into your website. This action depends on the platform you want to embed the code in. In other words, you have 2 options:

  1. Insert your YouTube generated code directly in HTML code
  2. Insert your code in a web platform

Follow these 4 steps to insert YouTube generated code in HTML code:

  1. Open your website code
  2. Select the place where you want your YouTube channel to appear and paste the EmbedSocial’s code there (inside the <body> tag)
  3. Once that is done, save your code
  4. Refresh your browser and you will see your YouTube feed

Well done! Now your visitors can explore your YouTube channel without leaving your site.

Follow these steps to insert YouTube generated code your web platform:

Important: Take a breath… EmbedSocial integrates and works with all platforms that provide an option to embed third-party iframes or javascript codes. WordPress, Squarespace, PageCloud, Joomla, Wix, Weebly, Shopify, Magento, OpenCart are some of the most used content management platforms and web builders that are part of our portfolio. 

Let’s take WordPress and Squarespace as an example.

To embed YouTube channel code in WordPress:

  1. Login to your WordPress website and open the page where you want to display your YouTube feed
  2. Select the area of the editor where you want to add the code and click on the + icon to add an HTML bock
  3. Select Custom HTML block and paste the code in the input field
  4. Click ‘Update‘ (or preview) and you can see your embedded YouTube channel

Note for use of a shortcode: If you want to use a shortcode, just follow the same steps, and instead of Custom HTML choose the Shortcode block where you can paste the provided shortcode (located just below the main javascript of your YouTube feed widget).

In case your website is built with Squarespace, follow these steps:

  1. Open your Squarespace account
  2. Navigate to My sites and click on the website where you want to display the YouTube Channel
  3. When the config screen opens, on the left side menu click ‘Pages‘ and open the page you want to edit
  4. At the top right in the dark header of the block section, just click the plus + button
  5. A box with options will show up. Click the </> (embed) symbol
  6. A popup will appear where you will need to click the code icon
  7. In the blank code space, just paste our code here
  8. Click ‘Set to’ complete this action
  9. Don’t forget to click ‘Save

Do more with web-based YouTube channel​​​​​​​

  • Every time you add videos to your YouTube channel, your videos will be automatically added (auto sync) on your website
  • You always have the control to choose which videos appear on your website
  • You can combine feeds from multiple YouTube channels (you will only need the channel URL and our system will do the rest of connecting with YouTube’s API and generating the videos)

With these unique YouTube widget options, we promise you that you will stand out from your competitors and offer a more unique experience for your users.

Before you go…

Here are 3 great reasons why you should continue to sync your YouTube channel on your website:

  • Keeps people to stay longer on your website (you offer them hand-picked and more relevant content)
  • Any new visitor is a prospective subscriber to your YouTube channel
  • Perfect opportunity to show user-generated videos

Video instructions to embed YouTube channel

We are all learning at different speeds. And that is okay.

So, if you need more help, here is a video for detailed instructions. Just click the play button below and our amazing Customer Success team will guide you through the process.

You deserve your visitors to enjoy your website. And creating YouTube videos is just half of the battle. To go a step further, you can try our latest YouTube widget and embed a YouTube playlist on your website. 

Happy embedding! 🙂

Embed your YouTube channel

Try EmbedFeed to generate and embed Instagram, Facebook, YouTube, or TikTok feeds on any website, like a PRO.

7 days free trial · Easy setup · Cancel any time

Avatar for Katerina Bojkov
Katerina Bojkov

Co-Founder of EmbedSocial and Head of Growth. A previous owner of a Facebook Partner Company and a digital marketing agency. Marketing API geek and a Call of Duty fan.

Источник: https://embedsocial.com/blog/embed-youtube-channel/

It’s super easy to embed videos, images, tweets, audio, and other content into your WordPress site.

Block Editor #Block Editor

Since WordPress 5.0, the Block Editor has created a simpler way to embed content on our WordPress site. With an Embed Block, simply copy the URL and paste into the block.

For each specific block, there are a number of customization options. You can find instructions for each Block in the table below or via the list of all core Blocks.

Top ↑

Okay, So What Sites Can I Embed From? #Okay, So What Sites Can I Embed From?

You can use all of these:

ServiceBlockEmbed TypeSince
Amazon Kindle instant previewsAmazon Kindle BlockVideosWordPress 4.9
AnimotoAnimato BlockVideosWordPress 4.0
CloudupCloudup BlockVideos, Galleries, ImagesWordPress 4.4
CrowdsignalCrowdsignal BlockPolls & SurveysWordPress 3.0
DailyMotionDailyMotion BlockVideosWordPress 2.9
FacebookFacebook decided to close the oEmbed end point.post, activity, photo, video, media, question, noteWordPress 4.7
FlickrFlickr BlockVideos & ImagesWordPress 2.9
GiphyAnimated GIFs WordPress 4.7
ImgurImgur BlockImagesWordPress 3.9
InstagramFacebook decided to close the oEmbed end point.ImagesWordPress 3.5
IssuuIssuu BlockDocumentsWordPress 4.0
KickstarterKickstarter BlockProjectsWordPress 4.2
Meetup.comMeetup.com BlockVariousWordPress 3.9
MixcloudMixcloud BlockMusicWordPress 4.0
PhotobucketImagesWordPress 2.9
RedditReddit BlockPosts & CommentsWordPress 4.4
ReverbNationReverbNation BlockMusicWordPress 4.4
ScribdScribd BlockDocumentsWordPress 2.9
SlideShareSlideShare BlockPresentation slideshowsWordPress 3.5
SmugMugSmugMug BlockVariousWordPress 3.0
SoundCloudSoundCloud BlockMusicWordPress 3.5
Speaker DeckSpeaker Deck BlockPresentation slideshowsWordPress 4.4
SpotifySpotify BlockMusicWordPress 3.6
TEDTED BlockVideosWordPress 4.0
TikTokTikTok BlockVideosWordPress 5.4
TumblrTumblr BlockVariousWordPress 4.2
TwitterTwitter BlockTweet, profile, list, collection, likes, MomentWordPress 3.4
VideoPressVideoPress BlockVideosWordPress 4.4
VimeoVideosWordPress 2.9
WordPress plugin directoryPluginsWordPress 4.4
WordPress.tvWordPress.tv BlockVideosWordPress 2.9
YouTubeYouTube BlockVideosWordPress 2.9

Notes

  • Twitter – older versions of WordPress have issues with https embeds, just remove the s from the https to fix.
  • YouTube – only public and “unlisted” videos and playlists – “private” videos will not embed.
  • Tumblr – only posts (name.tumblr.com/post/etc) are recognized, not standalone images (name.tumblr.com/image)

Due to Facebook’s decision to close the oEmbed end point for embedding Facebook and Instagram links, the block will not work anymore after October 24, 2020. Publishers who want to embed Facebook and Instagram links into their sites will require a developer account and an appid, and provide an authenication token with their call to the endpoint. Facebook Documentation:  create an app

Top ↑

Usage #Usage

To embed a video or another object into a post or page, place its URL into the content area. Make sure the URL is on its own line and not hyperlinked (clickable when viewing the post).

For example:

Check out this cool video:
http://www.youtube.com/watch?v=dQw4w9WgXcQ
That was a cool video.

WordPress will automatically turn the URL into a YouTube embed and provide a live preview in the visual editor.

Another option is to wrap the URL in the “” Shortcode.

// NOTE: Remove space between '[' and 'embed' when you try.
[ embed width="123" height="456"]http://www.youtube.com/watch?v=dQw4w9WgXcQ[/embed]

If WordPress fails to embed the URL, the post will contain a hyperlink to the URL.

Top ↑

oEmbed #oEmbed

The easy embedding feature is mostly powered by oEmbed, a protocol for site A (such as your blog) to ask site B (such as YouTube) for the HTML needed to embed content from site B.

oEmbed was designed to avoid the need to copy and paste HTML from the site hosting the media you wish to embed. It supports videos, images, text, and more.

Top ↑

Does This Work With Any URL? #Does This Work With Any URL?

No, not by default. WordPress will only embed URLs matching an internal whitelist. This is for security purposes.

Top ↑

How Can I Add or Change Support For Websites? #How Can I Add or Change Support For Websites?

Adding support for an additional website depends on whether the site supports oEmbed.

Adding Support For An oEmbed-Enabled Site #Adding Support For An oEmbed-Enabled Site

If a site supports oEmbed, you’ll want to call wp_oembed_add_provider() to add the site and URL format to the internal whitelist.

Top ↑

Adding Support For A Non-oEmbed Site #Adding Support For A Non-oEmbed Site

You’ll need to register a handler using wp_embed_register_handler() and provide a callback function that generates the HTML.

Top ↑

Removing Support for An oEmbed-Enabled Site #Removing Support for An oEmbed-Enabled Site

If you wish to remove an oEmbed-enabled provider, you’ll want to call wp_oembed_remove_provider.

Top ↑

What About oEmbed Discovery? #What About oEmbed Discovery?

As of version 4.4, WordPress supports oEmbed discovery, but has severe limitations on what type of content can be embedded via non-whitelisted sites.

Specifically, the HTML and Video content is filtered to only allow links, blockquotes, and iframes, and these are additionally filtered to prevent insertion of malicious content. The HTML is then modified to be sandboxed and to have additional security restrictions placed on them as well.

However, if you feel you are knowledgeable enough to not require this level of safety, you can give users (Administrators and Editors) the ability to embed from websites that have oEmbed discovery tags in their .

The oEmbed discovery content for “link” and “photo” types is not quite so heavily filtered in this manner, however it is properly escaped for security and to prevent any malicious content from being displayed on the site.

Top ↑

External Resources #External Resources

  • oEmbed.com – Official oEmbed website with technical details of the spec

Top ↑

Embeds Changelog #Embeds Changelog

  • 2.9 :
    • Introduction of the builtin Embeds support.
  • 3.0 :
    • Added: SmugMug, FunnyOrDie
  • 3.4 :
  • 3.5 :
  • 3.6 :
  • 3.9 :
    • Removed: Qik (the service shutting down in April 2014)
  • 4.0 :
    • Major reworking of the preview code showing embeds within the editor wp.mce.views.
    • Added: CollegeHumor, Issuu, Mixcloud, YouTube playlists, TED talks
    • Removed: Viddler (removed due to the service shutting down their oEmbed endpoint)
  • 4.1 :
  • 4.2 :
    • Added: Kickstarter, Tumblr
    • Removed: Revision3
  • 4.4 :
    • Added: ReverbNation, Cloudup, Reddit, SpeakerDeck, VideoPress
    • Removed: Blip
  • 4.4.1 :
    • Removed: Rdio (Service shut down)
  • 4.5 :
    • Added: Twitter Moment, collection
  • 4.7 :
    • Added: Twitter profile, list, likes
    • Added: Facebook post, activity, photo, video, media, question, note
  • 5.1 :
    • Renamed: PollDaddy service has been renamed to Crowdsignal
  • 5.6 :
    • Added section about the Block Editor for embeds, created a new column for Block Editor documentation links, note about Facebook and Instagram ending OAuth, updated Codex links, added a new changelog and reordered page.
    • Added: TikTok
    • Removed: Blip, Hulu, CollegeHumor, FunnyOrDie.com and Vine

Changelog

  • Updated 2020-12-08
    • Added section about the Block Editor for embeds, created a new column for Block Editor documentation links, note about Facebook and Instagram ending OAuth, added new Changelog, updated Codex links and reordered page.
    • Added: TikTok
    • Removed: Blip, Hulu, CollegeHumor, FunnyOrDie.com and Vine; Some external links that violated our external linking policy or were out-of-date.
Источник: https://wordpress.org/support/article/embeds/

5 Replies to “Embed youtube video in website”

  1. Sir agar land records online form me fill nhii ki...par bank jun inquiry karengii tub dikhae toh chalenga n?

  2. Willy simpleboy, harus daftar ke cabang BCA terdekat untuk mengaktifkan BCA mobile agar dapat melakukan transaksi finansial.

Leave a Reply

Your email address will not be published. Required fields are marked *