Solution 1 :

If you go to that actual video https://www.youtube.com/watch?v=TbDyiwurjwI

and then go to “Share” then “Embed” you’ll see the embed code is

<iframe width="560" height="315" src="https://www.youtube.com/embed/TbDyiwurjwI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

So the iframe URL is https://www.youtube.com/embed/TbDyiwurjwI not http://youtube.com/embed/watch?v=TbDyiwurjwI

I don’t know where you got http://youtube.com/embed/watch?v=TbDyiwurjwI from, but you can’t just construct URLs and hope they work, the server has to support them.

Problem :

I tried adding this youtube link into my html code and everytime I try to play the video, it gives me a playback error.
I was just wondering if I am missing any piece of code or if it just internet issues?
Thanks
The code is in the comments because for some reason it is not letting me attach my code in the body.

Comments

Comment posted by youtube.com/embed/watch?v=TbDyiwurjwI”frameborder=”0

“Whenever I try this code in html” What code?</p> <p></p> <h3>Comment posted by aCrainic</h3> <p></p> <p class="has-small-font-size">@gingerCodeNinja I was unable to link it in the question, I have put it in the comments.. sorry for the misunderstanding!</p> <p></p> <h3>Comment posted by edit</h3> <p></p> <p class="has-small-font-size">@aCrainic you can press </p> <p></p> <h3>Comment posted by gingerCodeNinja</h3> <p></p> <p class="has-small-font-size">You don’t “attach” code, you write it in the description. You can use the code “{}” button to style it as a code block.</p> <p></p> <script> function pinIt() { var e = document.createElement('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999); document.body.appendChild(e); } </script> <div class="post-share"> <div class="post-share-icons cf"> <a href="https://www.facebook.com/sharer.php?u=https://esgsw.it/html/answered-adding-youtube-link-in-html/" class="link facebook" target="_blank" > <i class="fab fa-facebook"></i></a> <a href="http://twitter.com/share?url=https://esgsw.it/html/answered-adding-youtube-link-in-html/&text=%5BANSWERED%5D%20Adding%20youtube%20link%20in%20html" class="link twitter" target="_blank"> <i class="fab fa-twitter"></i></a> <a href="mailto:?subject=%5BANSWERED%5D%20Adding%20youtube%20link%20in%20html&body=https://esgsw.it/html/answered-adding-youtube-link-in-html/" class="link email" target="_blank" > <i class="fas fa-envelope"></i></a> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://esgsw.it/html/answered-adding-youtube-link-in-html/&title=%5BANSWERED%5D%20Adding%20youtube%20link%20in%20html" class="link linkedin" target="_blank" > <i class="fab fa-linkedin"></i></a> <a href="https://telegram.me/share/url?url=https://esgsw.it/html/answered-adding-youtube-link-in-html/&text&title=%5BANSWERED%5D%20Adding%20youtube%20link%20in%20html" class="link telegram" target="_blank" > <i class="fab fa-telegram"></i></a> <a href="javascript:pinIt();" class="link pinterest"><i class="fab fa-pinterest"></i></a> </div> </div> <div class="clearfix mb-3"></div> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://esgsw.it/html/answered-html-display-a-clickable-link-out-of-a-xml-file-on-a-website-with-cdata/" rel="prev">[ANSWERED] html – Display a clickable link out of a XML file on a website with CDATA <div class="fas fa-angle-double-right"></div><span></span></a></div><div class="nav-next"><a href="https://esgsw.it/html/answered-how-to-sort-html-elements-by-date-and-delete-duplicates-by-in-java/" rel="next"><div class="fas fa-angle-double-left"></div><span></span> [ANSWERED] How to sort HTML elements by <TD> date and delete duplicates by <A> in Java?</a></div></div> </nav> </article> </div> <div class="media mg-info-author-block"> <a class="mg-author-pic" href="https://esgsw.it/author/"><img alt='' src='https://secure.gravatar.com/avatar/?s=150&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo avatar-default' height='150' width='150' loading='lazy' decoding='async'/></a> <div class="media-body"> <h4 class="media-heading">By <a href ="https://esgsw.it/author/"></a></h4> <p></p> </div> </div> <div class="mg-featured-slider p-3 mb-4">  <div class="mg-sec-title">  <h4>Related Post</h4> </div>  <div class="row">   <div class="col-md-4"> <div class="mg-blog-post-3 minh back-img" > <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://esgsw.it/category/html/" alt="View all posts in HTML"> HTML </a> </div> <h4 class="title"> <a href="https://esgsw.it/html/answered-python-extract-text-from-a-class-in-html-using-css-language/" title="Permalink to: [ANSWERED] python – Extract text from a class in HTML using CSS language"> [ANSWERED] python – Extract text from a class in HTML using CSS language</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> Nov 20, 2022</span> <a href="https://esgsw.it/author/"> <i class="fas fa-user-circle"></i> </a> </div> </div> </div> </div>   <div class="col-md-4"> <div class="mg-blog-post-3 minh back-img" > <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://esgsw.it/category/html/" alt="View all posts in HTML"> HTML </a> </div> <h4 class="title"> <a href="https://esgsw.it/html/answered-how-do-you-add-a-background-image-in-the-margins-and-top-of-the-page-behind-the-body-html-css/" title="Permalink to: [ANSWERED] How do you add a background image in the margins and top of the page behind the body? (Html, Css)"> [ANSWERED] How do you add a background image in the margins and top of the page behind the body? (Html, Css)</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> Nov 20, 2022</span> <a href="https://esgsw.it/author/"> <i class="fas fa-user-circle"></i> </a> </div> </div> </div> </div>   <div class="col-md-4"> <div class="mg-blog-post-3 minh back-img" > <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://esgsw.it/category/html/" alt="View all posts in HTML"> HTML </a> </div> <h4 class="title"> <a href="https://esgsw.it/html/answered-html-i-cant-get-my-carousel-buttons-to-respond-bootstrap-4/" title="Permalink to: [ANSWERED] html – I can’t get my carousel buttons to respond bootstrap 4"> [ANSWERED] html – I can’t get my carousel buttons to respond bootstrap 4</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> Nov 20, 2022</span> <a href="https://esgsw.it/author/"> <i class="fas fa-user-circle"></i> </a> </div> </div> </div> </div>  </div> </div>  </div>   <aside class="col-md-3"> <aside id="secondary" class="widget-area" role="complementary"> <div id="sidebar-right" class="mg-sidebar"> <div id="block-2" class="mg-widget widget_block widget_search"><form role="search" method="get" action="https://esgsw.it/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search"><label for="wp-block-search__input-1" class="wp-block-search__label" >Search</label><div class="wp-block-search__inside-wrapper " ><input type="search" id="wp-block-search__input-1" class="wp-block-search__input wp-block-search__input" name="s" value="" placeholder="" required /><button type="submit" class="wp-block-search__button wp-element-button" >Search</button></div></form></div><div id="block-3" class="mg-widget widget_block"><div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container"><h2>Recent Posts</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://esgsw.it/html/answered-javascript-text-box-to-display-updated-text-and-save-on-button-click/">[ANSWERED] javascript – Text box to display updated text and save on button click</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://esgsw.it/html/answered-javascript-pass-html-tag-to-angularjs-variable-from-controller/">[ANSWERED] javascript – Pass html tag to angularjs variable from controller</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://esgsw.it/html/answered-html-bootstrap-mobile-menu-not-scrolling-instead-the-background-is-scrolling/">[ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://esgsw.it/html/answered-html-how-to-play-live-stream-youtube-videos-using-cef4delphi/">[ANSWERED] html – How to play live stream YouTube videos using CEF4Delphi?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://esgsw.it/html/answered-html-how-to-include-a-clickable-image-behind-a-link/">[ANSWERED] html – How to include a clickable image behind a link</a></li> </ul></div></div></div><div id="block-4" class="mg-widget widget_block"><div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container"><h2>Recent Comments</h2><div class="no-comments wp-block-latest-comments">No comments to show.</div></div></div></div> </div> </aside> </aside>   </div> </div> </main> <div class="container-fluid mr-bot40 mg-posts-sec-inner"> <div class="missed-inner"> <div class="row"> <div class="col-md-12"> <div class="mg-sec-title">  <h4>You missed</h4> </div> </div>  <div class="col-md-3 col-sm-6 pulse animated"> <div class="mg-blog-post-3 minh back-img" > <a class="link-div" href="https://esgsw.it/html/answered-javascript-text-box-to-display-updated-text-and-save-on-button-click/"></a> <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://esgsw.it/category/html/" alt="View all posts in HTML"> HTML </a> </div> <h4 class="title"> <a href="https://esgsw.it/html/answered-javascript-text-box-to-display-updated-text-and-save-on-button-click/" title="Permalink to: [ANSWERED] javascript – Text box to display updated text and save on button click"> [ANSWERED] javascript – Text box to display updated text and save on button click</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="https://esgsw.it/2022/11/"> Nov 20, 2022</a></span> <a class="auth" href="https://esgsw.it/author/"><i class="fas fa-user-circle"></i> </a> </div> </div> </div> </div>   <div class="col-md-3 col-sm-6 pulse animated"> <div class="mg-blog-post-3 minh back-img" > <a class="link-div" href="https://esgsw.it/html/answered-javascript-pass-html-tag-to-angularjs-variable-from-controller/"></a> <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://esgsw.it/category/html/" alt="View all posts in HTML"> HTML </a> </div> <h4 class="title"> <a href="https://esgsw.it/html/answered-javascript-pass-html-tag-to-angularjs-variable-from-controller/" title="Permalink to: [ANSWERED] javascript – Pass html tag to angularjs variable from controller"> [ANSWERED] javascript – Pass html tag to angularjs variable from controller</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="https://esgsw.it/2022/11/"> Nov 20, 2022</a></span> <a class="auth" href="https://esgsw.it/author/"><i class="fas fa-user-circle"></i> </a> </div> </div> </div> </div>   <div class="col-md-3 col-sm-6 pulse animated"> <div class="mg-blog-post-3 minh back-img" > <a class="link-div" href="https://esgsw.it/html/answered-html-bootstrap-mobile-menu-not-scrolling-instead-the-background-is-scrolling/"></a> <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://esgsw.it/category/html/" alt="View all posts in HTML"> HTML </a> </div> <h4 class="title"> <a href="https://esgsw.it/html/answered-html-bootstrap-mobile-menu-not-scrolling-instead-the-background-is-scrolling/" title="Permalink to: [ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling"> [ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="https://esgsw.it/2022/11/"> Nov 20, 2022</a></span> <a class="auth" href="https://esgsw.it/author/"><i class="fas fa-user-circle"></i> </a> </div> </div> </div> </div>   <div class="col-md-3 col-sm-6 pulse animated"> <div class="mg-blog-post-3 minh back-img" > <a class="link-div" href="https://esgsw.it/html/answered-html-how-to-play-live-stream-youtube-videos-using-cef4delphi/"></a> <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://esgsw.it/category/html/" alt="View all posts in HTML"> HTML </a> </div> <h4 class="title"> <a href="https://esgsw.it/html/answered-html-how-to-play-live-stream-youtube-videos-using-cef4delphi/" title="Permalink to: [ANSWERED] html – How to play live stream YouTube videos using CEF4Delphi?"> [ANSWERED] html – How to play live stream YouTube videos using CEF4Delphi?</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="https://esgsw.it/2022/11/"> Nov 20, 2022</a></span> <a class="auth" href="https://esgsw.it/author/"><i class="fas fa-user-circle"></i> </a> </div> </div> </div> </div>  </div> </div> </div>  <footer> <div class="overlay" style="background-color: ;">    <div class="mg-footer-bottom-area"> <div class="container-fluid"> <div class="divide-line"></div> <div class="row align-items-center">  <div class="col-md-6"> <div class="site-branding-text"> <h1 class="site-title"> <a href="https://esgsw.it/" rel="home">Bollate</a></h1> <p class="site-description"></p> </div> </div> <div class="col-md-6 text-right text-xs"> <ul class="mg-social"> <a target="_blank" href=""> <a target="_blank" href=""> </ul> </div>  </div>  </div>  </div>  <div class="mg-footer-copyright"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 text-xs"> <p> <a href="https://wordpress.org/"> Proudly powered by WordPress </a> <span class="sep"> | </span> Theme: Newspaperex by <a href="https://themeansar.com/" rel="designer">Themeansar</a>. </p> </div> <div class="col-md-6 text-right text-xs"> <ul class="info-right"><li class="nav-item menu-item "><a class="nav-link " href="https://esgsw.it/" title="Home">Home</a></li></ul> </div> </div> </div> </div> </div>  </footer>  </div>   <a href="#" class="ta_upscr bounceInup animated"><i class="fa fa-angle-up"></i></a>   <script> jQuery('a,input').bind('focus', function() { if(!jQuery(this).closest(".menu-item").length && ( jQuery(window).width() <= 992) ) { jQuery('.navbar-collapse').removeClass('show'); }}) </script> <script type='text/javascript' src='https://esgsw.it/wp-content/themes/newsup/js/custom.js?ver=6.1.1' id='newsup-custom-js'></script> <script type='text/javascript' src='https://esgsw.it/wp-content/themes/newsup/js/custom-time.js?ver=6.1.1' id='newsup-custom-time-js'></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>

Bollate

[ANSWERED] Adding youtube link in html

By

Solution 1 :

Problem :

Comments

Comment posted by youtube.com/embed/watch?v=TbDyiwurjwI”frameborder=”0