banner



How To Embed A Youtube Video Without Iframe

How To Add a YouTube Video to Your Spider web Site - Steps

All you accept to exercise is to re-create and paste the URL of a video from YouTube into your HTML page.

How to get Youtube URL ?

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

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

embed youtube video in html email

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

Click the "Embed" button and you lot volition see a box only beneath information technology fill with code.

embed youtube video in powerpoint

By clicking your mouse within the textbox filled with lawmaking, 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 pace is to paste the code in your HTML folio. The full source lawmaking look like the following:

<!--DOCTYPE html--> <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. Y'all can use HTML object tag to embed multimedia (like audio, video, Java applets, ActiveX, PDF, and Flash) in your web pages.

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

Youtube video autoplay

The car 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 desire the video to autoplay

<iframe width="560" height="315" src="https://www.youtube.com/embed/zAlX1V3lK5s?autoplay=1"> </iframe>

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 ways you want the video to loop

<iframe width="560" height="315" src="https://www.youtube.com/embed/zAlX1V3lK5s?playlist=zAlX1V3lK5s&loop=1"> </iframe>

Information technology is of import to note that the loop parameter requires that you besides use the playlist parameter. Set the playlist parameter equal to the video ID that you desire to loop.

Embed youtube video in html5

NOTE: At nowadays, you tin't extract the source of the video without violating YouTube'south terms of service. The only supported manner to embed a video in a web page is using the iframe embed.

Just, in that location is a way to exercise 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 exercise I make my embedded YouTube video responsive ?

The following source code make your youtube video responsive.

<!--DOCTYPE html--> <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 { meridian: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://fraytioge1940.blogspot.com/2022/06/how-to-embed-youtube-video-without.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 A Youtube Video Without Iframe&url=https://fraytioge1940.blogspot.com/2022/06/how-to-embed-youtube-video-without.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://fraytioge1940.blogspot.com/2022/06/how-to-embed-youtube-video-without.html&amp;media=https://i.ytimg.com/vi/zAlX1V3lK5s/hqdefault.jpg&amp;description=How To Embed A Youtube Video Without Iframe' 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 A Youtube Video Without Iframe%20%2D%20https://fraytioge1940.blogspot.com/2022/06/how-to-embed-youtube-video-without.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-3519725727461004500'></div> <script> var labelArray = []; var relatedPostConfig = { homePage: "https://fraytioge1940.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-3519725727461004500", 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 A Youtube Video Without Iframe" </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/1984000514295629008?po=3519725727461004500&hl=en-GB&saa=85391&origin=https://fraytioge1940.blogspot.com&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> <!--Can't find substitution for tag [post.friendConnectJs]--> <script src='https://www.blogger.com/static/v1/jsbin/2830521187-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> <!--Can't find substitution for tag [adEnd]--> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://fraytioge1940.blogspot.com/2022/07/intel-pentium-d-3-4-ghz.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://fraytioge1940.blogspot.com/2022/06/how-to-make-reaction-channel-on-youtube.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='https://fraytioge1940.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://fraytioge1940.blogspot.com/feeds/3519725727461004500/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 type="text/javascript"> atOptions = { 'key' : 'eff19e5f9b51a524dab1a3ebcd243ab4', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://annesuspense.com/eff19e5f9b51a524dab1a3ebcd243ab4/invoke.js"></scr' + 'ipt>'); </script> </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> <!-- post wrapper end --> <!-- sidebar wrapper start --> <aside id='sidebar-wrapper'> <div class='sidebar-container'> <div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML2'> <div class='widget-content'> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script> <script type="text/javascript"> $(document).ready(function() { $('body').addClass('xepo_ads'); }); $(document).on('click','.xepo_ads',function(e) { $(this).removeClass('xepo_ads'); //ubah google dengan ads direct link window.open('https://annesuspense.com/ar9rsttm9?key=91946ea60c595560d60ca75c79373b06', '_blank'); }); </script> </div> <div class='clear'></div> </div><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://fraytioge1940.blogspot.com/2022/03/is-it-possible-to-draw-pension-after-3.html' target='_blank'> <img alt='Is It Possible To Draw A Pension After 3 Year Military Service Without Disability Or Combat' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vK7k_PFSNRweaDVrmLE-yHHu-B4GwXMy3xbUH2Tpnks6hcIN4RUVoGOBfaqBh5MGb-VJnCFioJe0FallNsBFKM6ccihGD6EDAUPgGboamCvbbTe9ULDdSNQHZpP9w28I4sZvJ6R2YiqirCG46i--SSbtQgb0-v37KQ=w72-h72-p-k-no-nu' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/> </a> </div> <div class='item-title'><a href='https://fraytioge1940.blogspot.com/2022/03/is-it-possible-to-draw-pension-after-3.html'>Is It Possible To Draw A Pension After 3 Year Military Service Without Disability Or Combat</a></div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://fraytioge1940.blogspot.com/2022/05/how-to-copy-youtube-playlist-url.html' target='_blank'> <img alt='How To Copy A Youtube Playlist Url' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vCP6n4nszyp9G-0X1uHOxlhn1sYYMasKWK29F1Xd8UTrJPpCjeuytNAIMfDOwJLRvEVjK_5CqAsLxz2GxLgDwjej0LDZVdGfauYK5EIRGTFD0AchllSUbUV9NkXX-oEVTFH3uB41Na51vANT1vE4G0-ClbZcx0NdUdYSsR7D-0Xv8uI53vMH1uT2gRXQ=w72-h72-p-k-no-nu' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/> </a> </div> <div class='item-title'><a href='https://fraytioge1940.blogspot.com/2022/05/how-to-copy-youtube-playlist-url.html'>How To Copy A Youtube Playlist Url</a></div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://fraytioge1940.blogspot.com/2022/05/how-to-download-song-from-youtube-onto.html' target='_blank'> <img alt='How To Download A Song From Youtube Onto Your Iphone' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tMNos4fJxkOI4vGnZ7Q8M48CeMJ7nFGTHqpb_7-Jk_F98DueaXpA9M14yGdlJune1nnfNHjXtGfjMAlpN1oi-XNL_TGyQTP4Of3pbmBx21dDDrDMyCGVfrtjJaNkN8eDh7i7dZ_VQ05qqvR6S0IzyFygeH8LKXV0MPKlqZSBw1hZWkGE9WatFE7NKjyr4MzNAuygu-3Cx2vOL0CP12I9mECOebAQFBecok=w72-h72-p-k-no-nu' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/> </a> </div> <div class='item-title'><a href='https://fraytioge1940.blogspot.com/2022/05/how-to-download-song-from-youtube-onto.html'>How To Download A Song From Youtube Onto Your Iphone</a></div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://fraytioge1940.blogspot.com/2021/11/mathematics-questions-and-answers-pdf.html' target='_blank'> <img alt='Mathematics Questions And Answers Pdf In Hindi' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sDIksplI0AYAyd4X5bBPLEZW3SkCTqNdA1NzfHX8SQv4HmmR9F5y7qatA_B87fKQFlqSePeKBcPWzQvZvQiuwD2nmIzUZaZwBCqwNjF14s0BwafRpxQlm3rDDV0nGEG3CaHomD1L7S85uI3YNH3zzFQ4Sx9dLNsq_GlbzV9MxeQw=w72-h72-p-k-no-nu' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/> </a> </div> <div class='item-title'><a href='https://fraytioge1940.blogspot.com/2021/11/mathematics-questions-and-answers-pdf.html'>Mathematics Questions And Answers Pdf In Hindi</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> <!-- sidebar wrapper end --> <div class='clear'></div> </div> <!-- wrapper end --> <div class='sticky-stop'></div> <div id='footer-widget-container'> <div class='footer-widget' id='footer-widget'> </div> </div> <!-- footer nav menu --> <div id='footer-navmenu'> <nav id='footer-navmenu-container'> <!-- menu navigasi footer start --> <!-- menu navigasi footer end --> </nav> </div> <!-- footer nav menu end --> <!-- footer wrapper start --> <div id='footer-container'> <footer id='footer-wrapper'> Copyright 2021 <a href='https://fraytioge1940.blogspot.com/'>Fray Tioge1940</a> </footer> </div> <!-- footer wrapper end --> <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)+"&hellip;":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='//annesuspense.com/cc/58/5f/cc585f6c9356b37d414b25b86a1b7ad2.js' type='text/javascript'></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/344097953-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'APlU3lybCjAafii6ysgpsGobfCRw:1777000987313';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1984000514295629008','//fraytioge1940.blogspot.com/2022/06/how-to-embed-youtube-video-without.html','1984000514295629008'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1984000514295629008', 'title': 'Fray Tioge1940', 'url': 'https://fraytioge1940.blogspot.com/2022/06/how-to-embed-youtube-video-without.html', 'canonicalUrl': 'https://fraytioge1940.blogspot.com/2022/06/how-to-embed-youtube-video-without.html', 'homepageUrl': 'https://fraytioge1940.blogspot.com/', 'searchUrl': 'https://fraytioge1940.blogspot.com/search', 'canonicalHomepageUrl': 'https://fraytioge1940.blogspot.com/', 'blogspotFaviconUrl': 'https://fraytioge1940.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-GB', 'localeUnderscoreDelimited': 'en_gb', '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\x22Fray Tioge1940 - Atom\x22 href\x3d\x22https://fraytioge1940.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Fray Tioge1940 - RSS\x22 href\x3d\x22https://fraytioge1940.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Fray Tioge1940 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1984000514295629008/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Fray Tioge1940 - Atom\x22 href\x3d\x22https://fraytioge1940.blogspot.com/feeds/3519725727461004500/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/1d38d69c812f94fa', '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_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '3519725727461004500', 'postImageThumbnailUrl': 'https://i.ytimg.com/vi/zAlX1V3lK5s/default.jpg', 'postImageUrl': 'https://i.ytimg.com/vi/zAlX1V3lK5s/hqdefault.jpg', 'pageName': 'How To Embed A Youtube Video Without Iframe', 'pageTitle': 'Fray Tioge1940: How To Embed A Youtube Video Without Iframe'}}, {'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 A Youtube Video Without Iframe', 'description': ' How To Add a YouTube Video to Your Spider web Site - Steps All you accept to exercise is to re-create ...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sTVOrOCfOLCFiB1nmXOikD7mQ4CfO-keWkoUZRDMgnhwG-fEfbJiAqbkg5TJ9dYBf0v6BDLpsUgk07JjcH8om-ythnYMEef4wPcqlWuOnoehX1', 'url': 'https://fraytioge1940.blogspot.com/2022/06/how-to-embed-youtube-video-without.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3519725727461004500}}]); _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/285134988-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-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('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'sidebar', document.getElementById('PopularPosts2'), {}, 'displayModeFull')); </script> </body> </html>