Skip to main content
ismaila62471764
ismaila62471764
Participating Frequently
May 5, 2019
Answered

Youtube embed appearing on every page

  • May 5, 2019
  • 2 replies
  • 657 views

Hi everyone,

I'm really new to coding and I'm not very good at it. I have a problem where when I embed a youtube video on the landing page for my website, it appears on every other page on the site. I was hoping someone could could help me figure out what I'm doing wrong.

Thank you

Ismail

This topic has been closed for replies.
Correct answer osgood_

Yes it was from one of those template sites. I'm not sure how to write code so the templates are the next best thing for me. How would I fix it if you don't mind me asking?


ismaila62471764  wrote

Yes it was from one of those template sites. I'm not sure how to write code so the templates are the next best thing for me. How would I fix it if you don't mind me asking?

For a start you would remove all the empty <h1></h1> tags:

<h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1>

and your youtube iframe would be best suited wrapped in just a <div></div> tag rather than an <h1></h1>:

<div>

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

<div>

But that doesnt answer the question why you are seeing your youtube video on every page, unless it is on every page, in the code.

2 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
May 5, 2019

You will not learn much from using somebody else's poorly coded templates except how NOT to build websites.  Also the latest Bootstrap 4 uses CSS flexbox for layouts, not floats.  So your template is already outdated.  I would get rid of it.

Learn to work with code.  Read the chapters, work with code examples, take quizzes at the end.

Nancy O'Shea— Product User & Community Expert
BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
May 5, 2019

The answer lies in the code. Please upload the site to a (temporary) remote server so that we can see what you have done. Alternatively, copy nd paste your code here.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
ismaila62471764
ismaila62471764Author
Participating Frequently
May 5, 2019

I've been using a template that I found online so I don't know if this makes a difference. In any case here's the code.

<!DOCTYPE html>

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->

<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->

<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->

<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

    <head>

        <meta charset="utf-8">

        <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->

        <title>GHOST Creative Website</title>

        <meta name="keywords" content="" />

        <meta name="description" content="" />

        <meta name="viewport" content="width=device-width">

       

        <!-- Google Web Font Embed -->

        <link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'>

       

        <link rel="stylesheet" href="css/bootstrap.min.css">

        <link rel="stylesheet" href="css/templatemo_main.css">

    </head>

    <body>

        <div id="main-wrapper">

            <!--[if lt IE 7]>

                <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a rel="nofollow" href="http://browsehappy.com">upgrade your browser</a> or <a rel="nofollow" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>

            <![endif]-->

            <div class="col-md-12 col-sm-12 col-xs-12 affix text-center col-lg-12" style="z-index: 1;">

              <h1 class="templatemo-site-title">

                        <a href="#">GHOST Creatives</a><img src="images/btn-menu.png" alt="main menu" id="m-btn" class="pull-right visible-xs visible-sm">

              </h1>

                <ul id="responsive" style="display:none" class="hidden-lg hidden-md"></ul><!-- /.responsive -->

            </div>

          <div class="col-md-12 col-sm-12 col-xs-12 affix text-center col-lg-6" style="z-index: 1;">

              <h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"><iframe width="900" height="315" src="https://www.youtube.com/embed/ngW6XSAUwxc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></h1>

              <ul id="responsive2" style="display:none" class="hidden-lg hidden-md">

              </ul>

              <!-- /.responsive -->

            </div>

            <div class="menu visible-md visible-lg">

                <ul id="menu-list">

                    <li class="active home-menu"><a href="#home">Home</a></li>

                    <li class="about-menu"><a href="#about">Productions</a></li>

                    <li class="services-menu"><a href="#services">Publications</a></li>

                    <li class="testimonial-menu"><a href="#testimonial">Records</a></li>

                     <li><a rel="nofollow" target="_parent" href="https://www.youtube.com/channel/UCFmIg3yNJx3ZIw70uLhuMfQ" class="external">Youtube Channel</a></li>

                    <li class="contact-menu"><a href="#contact">Contact</a></li>

              

              </ul>

          </div><!-- /.menu -->

            <div class="image-section">

                <div class="image-container">

                    <img src="images/nature1.jpg" id="home-img" class="main-img inactive" alt="Home">

                    <img src="images/nature2.jpg" id="about-img" class="inactive" alt="About">

                    <img src="images/nature3.jpg" id="services-img"  class="inactive" alt="Services">

                    <img src="images/nature4.jpg" id="testimonial-img" class="inactive" alt="Testimonial">

                    <img src="images/nature5.jpg" id="contact-img" class="inactive" alt="Contact">

                </div>

            </div>

          <div class="row">

              <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">

                    <div class="templatemo-content">

                       

                        <section id="home-text" class="active templatemo-content-section">

                   

                          <div class="col-sm-12 col-md-12 col-lg-12">

                              <h2>Welcome to GHOST Creatives</h2>

                              <p>Through film, books and music we tell the best tales in all formats. A place where quality over quantiy is assured.</p>

                              <p>Run by artists for artists, creative freedom is our number one priority.</p>

                               

                          </div>

                        </section><!-- /.home-text -->   

                        <section id="about-text" class="inactive">

                          <h2 class="text-center">GHOST Productions</h2>

                          <div class="col-sm-6 col-md-6">

                            <p>The film branch of our company deals with all sorts of productions, from films and music videos to corporate videos and advertising. We create all of these to the highest quality.</p>

                          </div>

                            <div class="col-sm-6 col-md-6">

                              <p>The original (and continued) purpose of this branch is to provide younger and smaller filmmakers the oppurtunites to create their own films and see their visions come to life.</p>

                            </div>

                        </section><!-- /.about-text -->

                        <section id="services-text" class="inactive">

                          <h2 class="text-center">GHOST Publications</h2>

                          <div class="col-sm-4 col-md-4">

                            <h3>Novels</h3>

                            <p>Novels have always been a passion of ours, and this passion has spread to the creation of this branch to publish novels for everyone because everyone deserves to have their story told.</p>

                          </div>

                            <div class="col-sm-4 col-md-4">

                              <h3>Comic books</h3>

                              <p>Comics and art in general are fascinating to look at. Telling stories through this medium is something that has been and will always be desired, no matter the time or age.</p>

                            </div>

                            <div class="col-sm-4 col-md-4">

                              <h3>Graphic Novels</h3>

                              <p>Darker and grittier but no less loved, this medium will stand the test of time and always improve with the addition of animated graphic novels, a venture we're looking forward to expand.</p>

                            </div>

                        </section><!-- /.services-text -->

                        <section id="testimonial-text" class="inactive">

                            <div class="col-sm-12 col-md-12">

                              <h2>GHOST Records</h2>

                              <p>Music will always be a part of us but GHOST Records doesn't just deal with that. We look at all sounds, including sound effects and want to have a place where all of these can be stored and used for everyone.</p>

                              <p>However music will always be something we love venturing in to. For new and upcoming artists to have a place where they can gain a faithful and passionate following, we want everyone to keep creating these songs that are loved by everyone.</p>

                            </div>

                        </section><!-- /.testimonial-text -->

                      <section id="contact-text" class="inactive">

                            <div class="col-sm-12 col-md-12">

                                <div class="row">

                                    <div class="col-sm-12 col-md-12"><h2>Contact</h2></div>

                                    <div class="clearfix"></div>

                                </div>

                               

                                <div class="row">

                                    <div class="col-sm-6 col-md-6">

                                        <div id="map-canvas"></div>

                                        <p>990 Digital Street, New Forest Area, San Francisco, CA 10660</p>

                                    </div>

                                    <div class="col-sm-6 col-md-6">

                                        <form action="#" method="post">

                                                <div class="form-group">

                                                    <!--<label for="contact_name">Name:</label>-->

                                                    <input type="text" id="contact_name" class="form-control" placeholder="Name" />

                                                </div>

                                                <div class="form-group">

                                                    <!--<label for="contact_email">Email:</label>-->

                                                    <input type="text" id="contact_email" class="form-control" placeholder="Email Address" />

                                                </div>

                                                <div class="form-group">

                                                    <!--<label for="contact_message">Message:</label>-->

                                                    <textarea id="contact_message" class="form-control" rows="7" placeholder="Write a message"></textarea>

                                                </div>

                                                <button type="submit" class="btn btn-primary">Send</button>

                                        </form>

                                    </div>

                                   

                                    <div class="clearfix"></div>

                                </div>

                            </div>

                      </section><!-- /.contact-text -->

                    </div><!-- /.templatemo-content --> 

            </div><!-- /.templatemo-content-wrapper -->

            </div><!-- /.row -->

            <div class="row">

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 footer">

                  <p class="footer-text"> <span>Copyright &copy; 2019 GHOST Creatives ltd</span></p>

                </div><!-- /.footer -->

            </div>

    </div><!-- /#main-wrapper -->

       

        <div id="preloader">

            <div id="status"> </div>

        </div><!-- /#preloader -->

       

        <script src="js/jquery.min.js"></script>

        <script src="js/jquery.backstretch.min.js"></script>

        <script src="js/templatemo_script.js"></script>

        <!-- templatemo 398 nature -->

    </body>

</html>

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
May 5, 2019

I do not see anything unusual with the code that you have shown, nothing that should cause a problem in an other page. Please show the code of the second page.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices