javascript - Wordpress - Video Popup Not Working -
i created own wp theme. added js carousel. in each part of carousel have description , video below it. can see here @ www.tvstartup.com problem video suppose pop play not work. in cases , in others not. here sample of code:
<div class="carousel_item">     <div class="image">         <img src="<?php echo get_template_directory_uri(); ?>/images/final/internet-tv.png" alt="internet tv" />     </div>     <div class="caption">         <h2>internet tv</h2>         <p>ut labore et dolore magna aliqua. ut enim ad minim  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehender.</p>         <div class="btn-wrap">             <div class="button">                 pricing             </div>             <div class="button" id="contact">                 contact             </div>         </div>         <div id="internetvideocontainer" style="display:none;">             <a href="#" onclick="popup('internetvideocontainer'); stopinternetvideo();" style="cursor: pointer; font-size: 30px; color: red;">click close</a>             <video width="700" height="400" id="internetvideoplayer" controls>                 <source src="<?php echo get_template_directory_uri(); ? >/images/videos/welcometotvstartup.mp4" type="video/mp4">             </video>              <a href="#" onclick="popup('internetvideocontainer'); stopinternetvideo();" style="cursor: pointer; font-size: 30px; color: red;">click close</a>         </div>                                                          <a href="#" style="cursor: pointer" onclick="popup('internetvideocontainer'); playinternetvideo();">              <img src="<?php echo get_template_directory_uri(); ?>/images/watchimg.png" alt="click see video" class="internettvtumbnail" style="padding-top:45px; width:250; height:150px;">         </a>     </div> </div>       any help,
thank you
the right way
            function load_my_script() {                 wp_enqueue_script( 'jquery' );             }             add_action( 'wp_enqueue_scripts', 'load_my_script' ); and change '$(' 'jquery('
 not right way
 add following code in header.php
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script> the latter work suggest change code avoid further issues.
Comments
Post a Comment