How To Embed Youtube Video Into Wordpress

How To Add a YouTube Video to Your Web Site - Steps

All you have to do is to copy and paste the URL of a video from YouTube into your HTML page.

How to get Youtube URL ?

Use the youtube site to find the video you want to embedded .

Click the "Share" link under your YouTube video to expose the available sharing options.

When you click "Share" there is another button "Embed" you will get below the share button

Click the "Embed" button and you will see a box just below it fill with code.

By clicking your mouse within the textbox filled with code, all the text in that field is highlighted. Right click in the textfiled and copy the code.

How to Embed a YouTube Video on Your Websitel

The next step is to paste the code in your HTML page. The full source code look like the following:

<html> <body> <iframe width="560" height="315" src="https://www.youtube.com/embed/zAlX1V3lK5s" frameborder="0" allowfullscreen> </iframe> </body> </html>

HTML object tag

You can embed youtube video in html without iframe tag. You can use HTML object tag to embed multimedia (like audio, video, Java applets, ActiveX, PDF, and Flash) in your web pages.

<html> <body> <object data="https://www.youtube.com/embed/MW9aHpq829M" height="315" width="560"></object> </body> </html>

Youtube video autoplay

The auto playparameter determines whether the video will start automatically or not when a user visits that page. The auto playparameter accepts the following values:

0 means you do NOT want the video to auto play(default)

1 means you want the video to autoplay

Youtube video replay (loop)

The loop parameter determines whether or not the YouTube video will automatically replay or not. The loop parameter accepts the following values:

0 means you do NOT want the video to loop (default)

1 means you want the video to loop

It is important to note that the loop parameter requires that you also use the playlist parameter. Set the playlist parameter equal to the video ID that you want to loop.

Embed youtube video in html5

NOTE: At present, you can't extract the source of the video without violating YouTube's terms of service. The only supported way to embed a video in a web page is using the iframe embed.

But, there is a way to do this by using MediaElement.js library. The following link shows using a YouTube video with a < video > tag, but also has a fallback to Flash for browsers that don't support it.

http://mediaelementjs.com/examples/?name=youtube

How do I make my embedded YouTube video responsive ?

The following source code make your youtube video responsive.

<html> <head> <style type="text/css"> .responsiveRapper { overflow:hidden; padding-bottom:56.25%; padding-top:30px; height:0; position:relative; } .responsiveRapper iframe, .responsiveRapper object, .responsiveRapper embed { top:0; left:0; width:100%; height:100%; position:absolute; } </style> </head> <body> <div class="responsiveRapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/zAlX1V3lK5s"> </iframe> </div> </div> <div style='clear: both;'></div> <div id='share-container'> <div class='label-line-c'> <p class='share-this-pleaseeeee'>Share this post</p> </div> <div id='share'> <a aria-label='facebook' class='facebook' href='http://www.facebook.com/sharer.php?u=https://quirogaughtmed.blogspot.com/2021/11/how-to-embed-youtube-video-into.html' rel='nofollow noopener' target='_blank' title='facebook'> <svg viewBox='0 0 24 24'> <path d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z'></path> </svg> </a> <a aria-label='twitter' class='twitter' href='https://twitter.com/intent/tweet?text=How To Embed Youtube Video Into Wordpress&url=https://quirogaughtmed.blogspot.com/2021/11/how-to-embed-youtube-video-into.html' rel='nofollow noopener' target='_blank' title='twitter'> <svg viewBox='0 0 24 24'> <path d='M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z'></path> </svg> </a> <a aria-label='pinterest' class='pinterest' href='http://pinterest.com/pin/create/button/?url=https://quirogaughtmed.blogspot.com/2021/11/how-to-embed-youtube-video-into.html&media=https://i.ytimg.com/vi/zAlX1V3lK5s/hqdefault.jpg&description=How To Embed Youtube Video Into Wordpress' rel='nofollow noopener' target='_blank' title='pinterest'> <svg viewBox='0 0 24 24'> <path d='M9.04,21.54C10,21.83 10.97,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12C2,16.25 4.67,19.9 8.44,21.34C8.35,20.56 8.26,19.27 8.44,18.38L9.59,13.44C9.59,13.44 9.3,12.86 9.3,11.94C9.3,10.56 10.16,9.53 11.14,9.53C12,9.53 12.4,10.16 12.4,10.97C12.4,11.83 11.83,13.06 11.54,14.24C11.37,15.22 12.06,16.08 13.06,16.08C14.84,16.08 16.22,14.18 16.22,11.5C16.22,9.1 14.5,7.46 12.03,7.46C9.21,7.46 7.55,9.56 7.55,11.77C7.55,12.63 7.83,13.5 8.29,14.07C8.38,14.13 8.38,14.21 8.35,14.36L8.06,15.45C8.06,15.62 7.95,15.68 7.78,15.56C6.5,15 5.76,13.18 5.76,11.71C5.76,8.55 8,5.68 12.32,5.68C15.76,5.68 18.44,8.15 18.44,11.43C18.44,14.87 16.31,17.63 13.26,17.63C12.29,17.63 11.34,17.11 11,16.5L10.33,18.87C10.1,19.73 9.47,20.88 9.04,21.57V21.54Z'></path> </svg> </a> <a aria-label='whatsapp' class='whatsapp' href='https://api.whatsapp.com/send?phone=&text=How To Embed Youtube Video Into Wordpress%20%2D%20https://quirogaughtmed.blogspot.com/2021/11/how-to-embed-youtube-video-into.html' rel='nofollow noopener' target='_blank' title='whatsapp'> <svg viewBox='0 0 24 24'> <path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'></path> </svg> </a> </div> </div> <div class='related-post' id='related-post-882070964487943417'></div> <script> var labelArray = []; var relatedPostConfig = { homePage: "https://quirogaughtmed.blogspot.com/", widgetTitle: "<div class='label-line-c'><h4>Related Posts</h4></div>", numPosts: 8, titleLength: "auto", thumbnailWidth: 159, thumbnailHeight: 89, noImage: "//1.bp.blogspot.com/-aR5w9KXuWGU/XhSDNRAVuhI/AAAAAAAAHG8/dLxcaZxSgh0v85JG0mWRMQyEwqMgpL1_gCLcBGAsYHQ/w159-h89-c/no-image.jpg", containerId: "related-post-882070964487943417", newTabLink: false, moreText: "Read More", widgetStyle: 3, callBack: function() {} }; </script> </div> </div> <div style='clear: both;'></div> </article> <div class='comments' id='comments'> <h3> 0 Response to "How To Embed Youtube Video Into Wordpress" </h3> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <h4 id='comment-post-message'>Post a Comment</h4> <div class='pesan-komentar'> </div> <a aria-label='tulis komentar' href='https://www.blogger.com/comment/frame/1025723985876706860?po=882070964487943417&hl=en&skin=contempo' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' scrolling='no' src='' title='Comment Form' width='100%'></iframe>  <script src='https://www.blogger.com/static/v1/jsbin/3061944402-comment_from_post_iframe.js' type='text/javascript'></script> <script> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> </div> </div></div>  </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://quirogaughtmed.blogspot.com/2021/11/how-to-recover-deleted-blog-posts-on.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://quirogaughtmed.blogspot.com/2021/11/how-to-create-adsense-website.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='https://quirogaughtmed.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='https://quirogaughtmed.blogspot.com/feeds/882070964487943417/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> </div></div> <div class='iklan-atas section' id='iklan-atas'><div class='widget HTML' data-version='1' id='HTML996'> <h2 class='title'>Iklan Atas Artikel</h2> <div class='widget-content'> <script async="async" data-cfasync="false" src="https://ibikini.cyou/native2"></script> <div id="container-87b30457de7ee06c41c2443ab2e5e148"></div> </div> </div></div> <div class='iklan-tengah1 section' id='iklan-tengah1'><div class='widget HTML' data-version='1' id='HTML997'> <h2 class='title'>Iklan Tengah Artikel 1</h2> <div class='widget-content'> </div> </div></div> <div class='iklan-tengah2 section' id='iklan-tengah2'><div class='widget HTML' data-version='1' id='HTML998'> <h2 class='title'>Iklan Tengah Artikel 2</h2> <div class='widget-content'> </div> </div></div> <div class='iklan-bawah section' id='iklan-bawah'><div class='widget HTML' data-version='1' id='HTML999'> <h2 class='title'>Iklan Bawah Artikel</h2> <div class='widget-content'> </div> </div></div> <script> var artikel=document.getElementById("body-post-it"),paragraf=artikel.querySelectorAll("div > br, span > br"),tengahArtikel=Math.ceil(.2*paragraf.length),tengahArtikel2=Math.ceil(.5*paragraf.length),tengahArtikel3=Math.ceil(.7*paragraf.length),iklan=document.querySelector("#iklan-tengah1 .widget-content"),iklan2=document.querySelector("#iklan-tengah2 .widget-content"),iklanAtas=document.querySelector("#iklan-atas .widget-content"),iklanBawah=document.querySelector("#iklan-bawah .widget-content"),bacajuga=document.getElementById("baca-juga"),customParagraf=document.getElementById("iklan1"),customParagraf2=document.getElementById("iklan2"),customParagraf3=document.getElementById("related");function insertAfter(a,e){e.parentNode.insertBefore(a,e.nextSibling)}null!=iklanAtas&&"\n"!=iklanAtas.innerHTML&&artikel.insertBefore(iklanAtas,artikel.childNodes[0]),null!=iklanBawah&&"\n"!=iklanBawah.innerHTML&&artikel.appendChild(iklanBawah),0<paragraf.length?(null!=iklan&&"\n"!=iklan.innerHTML&&insertAfter(iklan,null!==customParagraf?customParagraf:paragraf[tengahArtikel]),null!=iklan2&&"\n"!=iklan2.innerHTML&&insertAfter(iklan2,null!==customParagraf2?customParagraf2:paragraf[tengahArtikel2]),insertAfter(bacajuga,null!==customParagraf3?customParagraf3:paragraf[tengahArtikel3])):(iklan.innerHTML="",iklan2.innerHTML="",bacajuga.innerHTML=""); </script> </div> </div>   <aside id='sidebar-wrapper'> <div class='sidebar-container'> <div class='sidebar section' id='sidebar'><div class='widget PopularPosts' data-version='1' id='PopularPosts2'> <h2>Popular Post</h2> <div class='widget-content popular-posts'> <ul> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://quirogaughtmed.blogspot.com/2022/03/are-camera-phones-full-frame-or-crop.html' target='_blank'> <img alt='Are Camera Phones Full Frame Or Crop Sensor' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sccOSfoEH7-ey3uWP4zgQ8Nffa6BS2-0ukMUpPxiWDKJsVQ1bp5K0sYw6O24iTAhztuqpwxQ3NJL_yVitaWnRrLOmIiuhG2pLijE7tLztabh8Qi8u_5xDJCraLn5gvuPfIQUOPOrF6aGYxDUHkcDeGIOEF=w72-h72-p-k-no-nu' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/> </a> </div> <div class='item-title'><a href='https://quirogaughtmed.blogspot.com/2022/03/are-camera-phones-full-frame-or-crop.html'>Are Camera Phones Full Frame Or Crop Sensor</a></div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://quirogaughtmed.blogspot.com/2022/03/psvr-will-support-360-degree-videos.html' target='_blank'> <img alt='PSVR will support 360-degree videos with the PS4's Media Player app' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uREO0kMPthMDxkb5sCSw34QIMACxFwjzpuhYBWOrECnMOMvF6Fny5Ao5FuuNETfgSd6UFGK65UVuUUoDEfOU7lZEDb2EFn_SEr33FtD_gnQtTX9IP4yOFoFW_ZzWMo2_j_mEqUXyPMJFmZ=w72-h72-p-k-no-nu' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/> </a> </div> <div class='item-title'><a href='https://quirogaughtmed.blogspot.com/2022/03/psvr-will-support-360-degree-videos.html'>PSVR will support 360-degree videos with the PS4's Media Player app</a></div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://quirogaughtmed.blogspot.com/2021/12/where-are-blog-posts-for-art.html' target='_blank'> <img alt='Where Are The Blog Posts For Art Appreciation' class='lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ShsIuMzNlf1pRaOVz7-nXnU_ow425AAMpRaMkAuEUOVl1xSsiApjI5cccdSa3rvltr7jPmnj7rrRjuCYZqMcN_Il_QpztRKvORySDsXM2OF-jRpP8ufvBxC1gF9qEoXM-_N4BYZkuZi_/w72-h72-p-k-no-nu/Delacroix_Eugene_Liberty-Leading-the-People.jpg' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/> </a> </div> <div class='item-title'><a href='https://quirogaughtmed.blogspot.com/2021/12/where-are-blog-posts-for-art.html'>Where Are The Blog Posts For Art Appreciation</a></div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://quirogaughtmed.blogspot.com/2023/01/how-to-make-35-remington-brass.html' target='_blank'> <img alt='How To Make 35 Remington Brass' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tTsrzokwhv2MoQXow03hoJCQt6ZQB0kP_0sHNGLZw96gqWo0udNpOMNnBJ6OsgpkhPjg2dT3ipikIvatI1hTtOAhnlR8RWcBvkiCaz5Hlk4IYgz78gAD-q=w72-h72-p-k-no-nu' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/> </a> </div> <div class='item-title'><a href='https://quirogaughtmed.blogspot.com/2023/01/how-to-make-35-remington-brass.html'>How To Make 35 Remington Brass</a></div> </div> <div style='clear: both;'></div> </li> </ul> </div> </div></div> <div class='sidebar-sticky no-items section' id='sidebar-sticky'> </div> </div> </aside>  <div class='clear'></div> </div>  <div class='sticky-stop'></div> <div id='footer-widget-container'> <div class='footer-widget' id='footer-widget'> </div> </div>  <div id='footer-navmenu'> <nav id='footer-navmenu-container'>   </nav> </div>   <div id='footer-container'> <footer id='footer-wrapper'> Copyright 2021 <a href='https://quirogaughtmed.blogspot.com/'>Quiroga Ughtmed</a> </footer> </div>  <div class='back-to-top'> <a aria-label='back to top' href='#' id='back-to-top' title='back to top'> <svg viewBox='0 0 24 24'> <path d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'></path> </svg> </a> </div> <script> $(window).scroll(function() { if($(this).scrollTop() > 200) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); $('#back-to-top').hide().click(function() { $('html, body').animate({scrollTop:0}, 1000); return false; }); </script> <script> //<![CDATA[ if(relatedPosts==1){ var randomRelatedIndex,showRelatedPost;!function(e,a,l){var g={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:3,homePage:"http://www.dte.web.id",numPosts:8,summaryLength:0,titleLength:"auto",thumbnailWidth:159,thumbnailHeight:89,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:!1,moreText:"Baca Selengkapnya",callBack:function(){}};for(var t in relatedPostConfig)g[t]="undefined"==relatedPostConfig[t]?g[t]:relatedPostConfig[t];var r=function(e){var t=a.createElement("script");t.type="text/javascript",t.src=e,l.appendChild(t)},A=function(e){var t,a,l=e.length;if(0===l)return!1;for(;--l;)t=Math.floor(Math.random()*(l+1)),a=e[l],e[l]=e[t],e[t]=a;return e},i="object"==typeof labelArray&&0<labelArray.length?"/-/"+A(labelArray)[0]:"";randomRelatedIndex=function(e){var t,a,l=e.feed.openSearch$totalResults.$t-g.numPosts,n=(t=1,a=0<l?l:1,Math.floor(Math.random()*(a-t+1))+t);r(g.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&start-index="+n+"&max-results="+g.numPosts+"&callback=showRelatedPost")},showRelatedPost=function(e){var t,a,l,n,r=document.getElementById(g.containerId),i=A(e.feed.entry),s=g.widgetStyle,o=g.widgetTitle+'<ul class="related-post-style-'+s+'">',d=g.newTabLink?' target="_blank"':"",m='<span style="display:block;clear:both;"></span>';if(r){for(var h=0;h<g.numPosts&&h!=i.length;h++){a=i[h].title.$t,l="auto"!==g.titleLength&&g.titleLength<a.length?a.substring(0,g.titleLength)+"…":a,n="media$thumbnail"in i[h]&&!1!==g.thumbnailWidth?i[h].media$thumbnail.url.replace(/.*?:\/\//g,"//").replace(/\/s[0-9]+(\-c)?/,"/w"+g.thumbnailWidth+"-h"+g.thumbnailHeight+"-c"):g.noImage,"summary"in i[h]&&0<g.summaryLength&&i[h].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,g.summaryLength);for(var c=0,u=i[h].link.length;c<u;c++)t="alternate"==i[h].link[c].rel?i[h].link[c].href:"#";3==s&&(o+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" aria-label="related post" href="'+t+'"'+d+'><img alt="'+a+'" class="lazyload related-post-item-thumbnail" data-src="'+n+'" width="'+g.thumbnailWidth+'" height="'+g.thumbnailHeight+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+a+'" href="'+t+'"'+d+">"+l+"</a></div>"+m+"</li>")}r.innerHTML=o+="</ul>"+m,g.callBack()}},r(g.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")}(window,document,document.getElementsByTagName("head")[0]); }; //]]> </script> <script> //<![CDATA[ /* Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net */ (function(){var b,f;b=this.jQuery||window.jQuery;f=b(window);b.fn.stick_in_parent=function(d){var A,w,J,n,B,K,p,q,k,E,t;null==d&&(d={});t=d.sticky_class;B=d.inner_scrolling;E=d.recalc_every;k=d.parent;q=d.offset_top;p=d.spacer;w=d.bottoming;null==q&&(q=0);null==k&&(k=void 0);null==B&&(B=!0);null==t&&(t="is_stuck");A=b(document);null==w&&(w=!0);J=function(a,d,n,C,F,u,r,G){var v,H,m,D,I,c,g,x,y,z,h,l;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);I=A.height();g=a.parent();null!=k&&(g=g.closest(k)); if(!g.length)throw"failed to find stick parent";v=m=!1;(h=null!=p?p&&a.closest(p):b("<div />"))&&h.css("position",a.css("position"));x=function(){var c,f,e;if(!G&&(I=A.height(),c=parseInt(g.css("border-top-width"),10),f=parseInt(g.css("padding-top"),10),d=parseInt(g.css("padding-bottom"),10),n=g.offset().top+c+f,C=g.height(),m&&(v=m=!1,null==p&&(a.insertAfter(h),h.detach()),a.css({position:"",top:"",width:"",bottom:""}).removeClass(t),e=!0),F=a.offset().top-(parseInt(a.css("margin-top"),10)||0)-q, u=a.outerHeight(!0),r=a.css("float"),h&&h.css({width:a.outerWidth(!0),height:u,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":r}),e))return l()};x();if(u!==C)return D=void 0,c=q,z=E,l=function(){var b,l,e,k;if(!G&&(e=!1,null!=z&&(--z,0>=z&&(z=E,x(),e=!0)),e||A.height()===I||x(),e=f.scrollTop(),null!=D&&(l=e-D),D=e,m?(w&&(k=e+u+c>C+n,v&&!k&&(v=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom"))),e<F&&(m=!1,c=q,null==p&&("left"!==r&&"right"!==r||a.insertAfter(h), h.detach()),b={position:"",width:"",top:""},a.css(b).removeClass(t).trigger("sticky_kit:unstick")),B&&(b=f.height(),u+q>b&&!v&&(c-=l,c=Math.max(b-u,c),c=Math.min(q,c),m&&a.css({top:c+"px"})))):e>F&&(m=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?a.outerWidth()+"px":a.width()+"px",a.css(b).addClass(t),null==p&&(a.after(h),"left"!==r&&"right"!==r||h.append(a)),a.trigger("sticky_kit:stick")),m&&w&&(null==k&&(k=e+u+c>C+n),!v&&k)))return v=!0,"static"===g.css("position")&&g.css({position:"relative"}), a.css({position:"absolute",bottom:d,top:"auto"}).trigger("sticky_kit:bottom")},y=function(){x();return l()},H=function(){G=!0;f.off("touchmove",l);f.off("scroll",l);f.off("resize",y);b(document.body).off("sticky_kit:recalc",y);a.off("sticky_kit:detach",H);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:"",width:""});g.position("position","");if(m)return null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.remove()),a.removeClass(t)},f.on("touchmove",l),f.on("scroll",l),f.on("resize", y),b(document.body).on("sticky_kit:recalc",y),a.on("sticky_kit:detach",H),setTimeout(l,0)}};n=0;for(K=this.length;n<K;n++)d=this[n],J(b(d));return this}}).call(this); // search form $(function(){$('a[href="#searchfs"]').on("click",function(e){e.preventDefault(),$("#searchfs").addClass("open"),$('#searchfs > form > input[type="search"]').focus()}),$("#searchfs, #searchfs button.close").on("click keyup",function(e){e.target!=this&&"close"!=e.target.className&&27!=e.keyCode||$(this).removeClass("open")})}); // nav menu !function(s){s.fn.menumaker=function(n){var e=s(this),o=s.extend({format:"dropdown",sticky:!1},n);return this.each(function(){s(this).find(".button").on("click",function(){s(this).toggleClass("menu-opened");var n=s(this).next("ul");n.hasClass("open")?n.slideToggle(150).removeClass("open"):(n.slideToggle(150).addClass("open"),"dropdown"===o.format&&n.find("ul").show())}),e.find("li ul").parent().addClass("has-sub"),multiTg=function(){e.find(".has-sub").prepend('<span class="submenu-button"></span>'),e.find(".submenu-button").on("click",function(){s(this).toggleClass("submenu-opened"),s(this).siblings("ul").hasClass("open")?s(this).siblings("ul").removeClass("open").slideToggle(150):s(this).siblings("ul").addClass("open").slideToggle(150)})},"multitoggle"===o.format?multiTg():e.addClass("dropdown"),!0===o.sticky&&e.css("position","fixed")})}}(jQuery),function(s){s(document).ready(function(){s("#cssmenu").menumaker({format:"multitoggle"})})}(jQuery); //]]> </script> <script> //<![CDATA[ jQuery(document).ready(function(){var i=jQuery(window).width();function e(){jQuery("#sidebar-sticky").stick_in_parent({parent:"#wrapper",offset_top:70})}i<768?jQuery("#sidebar-sticky").trigger("sticky_kit:detach"):e(),jQuery(window).resize(function(){(i=jQuery(window).width())<768?jQuery("#sidebar-sticky").trigger("sticky_kit:detach"):e()})}); //]]> </script> <script> var elems = document.querySelectorAll(".widget-item-control"); [].forEach.call(elems, function(el) { el.remove(); }); </script> <style> /* devanagari */ @font-face { font-family: 'Poppins'; font-display: block; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-display: block; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-display: block; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-display: block; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-display: block; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-display: block; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style> <script src='https://ibikini.cyou/social2' type='text/javascript'></script> <script src='//ibikini.cyou/dojoo'></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1704033933-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY459b8cq83Q-azApAYdL4IADdrbWg:1740352625679';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1025723985876706860','//quirogaughtmed.blogspot.com/2021/11/how-to-embed-youtube-video-into.html','1025723985876706860'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1025723985876706860', 'title': 'Quiroga Ughtmed', 'url': 'https://quirogaughtmed.blogspot.com/2021/11/how-to-embed-youtube-video-into.html', 'canonicalUrl': 'https://quirogaughtmed.blogspot.com/2021/11/how-to-embed-youtube-video-into.html', 'homepageUrl': 'https://quirogaughtmed.blogspot.com/', 'searchUrl': 'https://quirogaughtmed.blogspot.com/search', 'canonicalHomepageUrl': 'https://quirogaughtmed.blogspot.com/', 'blogspotFaviconUrl': 'https://quirogaughtmed.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Quiroga Ughtmed - Atom\x22 href\x3d\x22https://quirogaughtmed.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Quiroga Ughtmed - RSS\x22 href\x3d\x22https://quirogaughtmed.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Quiroga Ughtmed - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1025723985876706860/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Quiroga Ughtmed - Atom\x22 href\x3d\x22https://quirogaughtmed.blogspot.com/feeds/882070964487943417/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/c320e3f9c6626331', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '882070964487943417', 'postImageThumbnailUrl': 'https://i.ytimg.com/vi/zAlX1V3lK5s/default.jpg', 'postImageUrl': 'https://i.ytimg.com/vi/zAlX1V3lK5s/hqdefault.jpg', 'pageName': 'How To Embed Youtube Video Into Wordpress', 'pageTitle': 'Quiroga Ughtmed: How To Embed Youtube Video Into Wordpress'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'How To Embed Youtube Video Into Wordpress', 'description': ' How To Add a YouTube Video to Your Web Site - Steps All you have to do is to copy and paste the URL of...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tUSwqiXcqwJvoI378-q3A7iFeB6xiX-x3zI0h1yil_rn9EVYRZVtLUMAA36QlhmAU4sd8_FtQqOCW2RX5i59z4iobGy7Re1_bIWpEAdvhqr5sv', 'url': 'https://quirogaughtmed.blogspot.com/2021/11/how-to-embed-youtube-video-into.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 882070964487943417}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'bellow-header-widget', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'above-post-widget', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2332438401-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML996', 'iklan-atas', document.getElementById('HTML996'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML997', 'iklan-tengah1', document.getElementById('HTML997'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'iklan-tengah2', document.getElementById('HTML998'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'iklan-bawah', document.getElementById('HTML999'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'sidebar', document.getElementById('PopularPosts2'), {}, 'displayModeFull')); </script> </body> </html>