IFRAME VIDEO CODE

Allow embedding: you need to use the THEOplayer API to allow for embedding.When embedding THEOplayer through an tag, you need to do a couple of things:

IFRAME VIDEO CODE

We do argue that you should try to avoid using iframes, because iframes can be evil and can cause usability issues.įrom our experience, most services and companies are trying to phase out iframes, and are instead embedding JavaScript code to render the same result. We won't go into the pros and cons of using an in this article. (You set the width and height of the on your page, as can be seen from the above code snippet.)

a video player) fills the entire browser window,Īnd thus has a width and height of 100%. When you design and develop a page which should be embbeded through an, you optimize for this embedding use-case. If you would open this link, you would see that it is a YouTube video which fits the entire size of your browser window.Īs you can see, the embedded page is quite different from the ' real' YouTube page. Adding this code snippet to the HTML of your website would embed, which is a YouTube video. The code snippet above represent an actual tag. They are all HTML website pages which are embedded on another HTML website page.)

That Facebook or Twitter post which was embedded on that blog? That could also be an iframe. ( That YouTube video on that news website you just visited? That's an iframe. You come across iframes all the time when using the web. Īn iframe is an HTML tag, the tag, which allows you to embed an HTML page (i.e.

Just want to copy-paste code and view a live example? Skip to the demo.

Demo: resulting implementation and live demo.

Implementation: which THEOplayer APIs are relevant and how can I achieve my use-case? The goal of this guide is to help you embed THEOplayer through an by going through the following topics: Regardless of your use-case: you can embed THEOplayer through an iframe on first-party and third-party domains.

You are using a service or framework which doesn't allow you to include custom JavaScript, but it does allow you to embed an.

You want to facilitate social sharing on third-party websites through your viewers.

You might want to easily embed your videos across different domains and brands.

Important: If your website or app is child directed, you must self designate your site or app using these tools, as required by the YouTube API Terms of Service and Developer Policies, even if you embed YouTube videos with the Privacy Enhanced Mode player.Embedding a video player through an can be interesting for a number of reasons:.

Privacy Enhanced Mode is available only for embedded players on websites.

For use in applications, use a WebView instance of the embedded player.

For network administrators: You will need to add to the firewall allowlist.

Change the domain for the embed URL in your HTML from to.

In addition, the view of a video shown in the Privacy Enhanced Mode of the embedded player will not be used to personalize advertising shown to the viewer outside of your site or app.Īs a reminder, the YouTube API Terms of Service and Developer Policies apply to the access and use of the YouTube embedded player. If ads are served on a video shown in the Privacy Enhanced Mode of the embedded player, those ads will likewise be non-personalized. This means that the view of a video shown in the Privacy Enhanced Mode of the embedded player will not be used to personalize the YouTube browsing experience, either within your Privacy Enhanced Mode embedded player or in the viewer’s subsequent YouTube viewing experience. The Privacy Enhanced Mode of the YouTube embedded player prevents the use of views of embedded YouTube content from influencing the viewer’s browsing experience on YouTube.

Iframe video