Embed HTML5 YouTube video without iframe

Question

Is it possible to embed an html5 version of a youtube video without using an iframe

User · Answer

Because of the GDPR it makes no sense to use the iframe, you should rather use the object tag with the embed tag and also use the embed link.

_x000D_

<object width="100%" height="333">
  <param name="movie" value="https://www.youtube-nocookie.com/embed/Sdg0ef2PpBw">
  <embed src="https://www.youtube-nocookie.com/embed/Sdg0ef2PpBw" width="100%" height="333">
</object>

_x000D_

You should also activate the extended data protection mode function to receive the no cookie url.

type="application/x-shockwave-flash"

flash does not have to be used

Nocookie, however, means that data is still being transmitted, namely the thumbnail that is loaded from YouTube. But at least data is no longer passed on to advertising networks (as example DoubleClick). And no user data is stored on your website by youtube.

User · Answer

Yes  Youtube API is the best resource for this  There are 3 way to embed a video   IFrame embeds using  lt iframe gt  tags IFrame embeds using the IFrame Player API AS3  and AS2   object embeds DEPRECATED  I think you are looking for the second one of them  IFrame embeds using the IFrame Player API  The HTML and JavaScript code below shows a simple example that inserts a YouTube player into the page element that has an id value of ytplayer  The onYouTubePlayerAPIReady   function specified here is called automatically when the IFrame Player API code has loaded  This code does not define any player parameters and also does not define other event handlers    lt div id  quot ytplayer quot  gt  lt  div gt    lt script gt       Load the IFrame Player API code asynchronously    var tag   document createElement  script      tag src    quot https   www youtube com player api quot     var firstScriptTag   document getElementsByTagName  script   0     firstScriptTag parentNode insertBefore tag  firstScriptTag         Replace the  ytplayer  element with an  lt iframe gt  and      YouTube player after the API code downloads    var player    function onYouTubePlayerAPIReady         player   new YT Player  ytplayer           height   390         width   640         videoId   M7lc1UVf-VE               lt  script gt   Here are some instructions where you may take a look when starting using the API   An embed example without using iframe is to use  lt object gt  tag   lt object width  quot 640 quot  height  quot 360 quot  gt       lt param name  quot movie quot  value  quot http   www youtube com embed yt-video-id html5 1 amp amp rel 0 amp amp hl en US amp amp version 3 quot        lt param name  quot allowFullScreen quot  value  quot true quot   gt       lt param name  quot allowscriptaccess quot  value  quot always quot   gt       lt embed width  quot 640 quot  height  quot 360 quot  src  quot http   www youtube com embed yt-video-id html5 1 amp amp rel 0 amp amp hl en US amp amp version 3 quot  class  quot youtube-player quot  type  quot text html quot  allowscriptaccess  quot always quot  allowfullscreen  quot true quot   gt   lt  object gt    replace yt-video-id with your video id  JSFIDDLE

User · Answer

Use the object tag    lt object data  http   iamawesome com  type  text html  width  200  height  200  gt     lt a href  http   iamawesome com  gt access the page directly lt  a gt   lt  object gt    Ref  http   debug ga embedding-external-pages-without-iframes

User · Answer

Here is a example of embedding without an iFrame   x000D   x000D   lt div style  width  560px  height  315px  float  none  clear  both  margin  2px auto   gt     lt embed     src  https   www youtube com embed J---aiyznGQ autohide 1 amp autoplay 1      wmode  transparent      type  video mp4      width  100   height  100       allow  autoplay  encrypted-media  picture-in-picture      allowfullscreen     title  Keyboard Cat     gt   lt  div gt  x000D   x000D   x000D   compare to regular iframe  quot embed quot  code from YouTube   x000D   x000D   lt iframe   width  560    height  315    src  https   www youtube com embed J---aiyznGQ autoplay 1    frameborder  0    allow  accelerometer  autoplay  encrypted-media  gyroscope  picture-in-picture    allowfullscreen gt   lt  iframe gt  x000D   x000D   x000D   and as far as HTML5 goes  use  lt object gt  tag like so  corrected    x000D   x000D   lt object   style  width  820px  height  461 25px  float  none  clear  both  margin  2px auto     data  http   www youtube com embed J---aiyznGQ autoplay 1  gt   lt  object gt  x000D   x000D   x000D

User · Answer

Yes  but it depends on what you mean by  embed   as far as I can tell after reading through the docs  it seems like you have a couple of options if you want to get around using the iframe API  You can use the javascript and flash API s  https   developers google com youtube player parameters  to embed a player  but that involves creating Flash objects in your code  something I personally avoid  but not necessarily something that you have to   Below are some helpful sections from the dev docs for the Youtube API  If you really want to get around all these methods and include video without any sort of iframe  then your best bet might be creating an HTML5 video player app that can connect to the Youtube Data API  https   developers google com youtube v3    I m not sure what the extent of your needs are  but this would be the way to go if you really want to get around using any iframes or flash objects  Hope this helps   Useful   https   developers google com youtube player parameters   IFrame embeds using the IFrame Player API Follow the IFrame Player API instructions to insert a video player in your web page or application after the Player API s JavaScript code has loaded  The second parameter in the constructor for the video player is an object that specifies player options  Within that object  the playerVars property identifies player parameters  The HTML and JavaScript code below shows a simple example that inserts a YouTube player into the page element that has an id value of ytplayer  The onYouTubePlayerAPIReady   function specified here is called automatically when the IFrame Player API code has loaded  This code does not define any player parameters and also does not define other event handlers        IFrame embeds using  tags Define an  tag in your application in which the src URL specifies the content that the player will load as well as any other player parameters you want to set  The  tag s height and width parameters specify the dimensions of the player  If you are creating the  element yourself  rather than using the IFrame Player API to create it   you can append player parameters directly to the end of the URL  The URL has the following format        AS3 object embeds Object embeds use an  tag to specify the player s dimensions and parameters  The sample code below demonstrates how to use an object embed to load an AS3 player that automatically plays the same video as the previous two examples

[javascript] Embed HTML5 YouTube video without iframe?

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to youtube