Javascript Wordpress-视频弹出窗口不工作

我创建了自己的WP主题。我添加了一个JS旋转木马。在旋转木马的每个部分，我都有一个描述和视频。你可以在www.tvstartup.com上看到它。问题是它弹出播放的视频并不总是有效。在某些情况下是这样，而在另一些情况下则不是这样。 以下是代码示例：

<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 US
            </div>
        </div>
        <div id="internetvideocontainer" style="display:none;">
            <a href="#" onclick="popup('internetvideocontainer'); stopinternetvideo();" style="cursor: pointer; font-size: 30px; color: red;">Click to 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 to 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 to see video" class="internettvtumbnail" style="padding-top:45px; width:250; height:150px;">
        </a>
    </div>
</div>      

任何帮助

---

谢谢

转换所有jquery语句

$(.....

到

正确的方法

            function load_my_script() {
                wp_enqueue_script( 'jquery' );
            }
            add_action( 'wp_enqueue_scripts', 'load_my_script' );

并将所有“$”更改为“jQuery” 这条路不太对 在header.php中添加以下代码

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>

---

后者适用于您，但我建议您更改代码以避免进一步的问题。

我的示例中没有jquery请在chrome中打开并检查开发控制台是否有错误。$。。。未定义“当不使用jQuery时会发生这种情况。您还可以将以下内容添加到functions.php文件中-函数load_my_script{wp_enqueue_script'jquery'}添加_action'wp_enqueue_scripts'，'load_my_script'；我现在修好了，你能帮我解决我的问题吗！现在查看更改。将Chromecast代码修改为“onclick=popup'chromevideocontainer'；$”chromevideoplayer“[0]”。播放“它仍然不工作。我想我应该使用不同的视频弹出窗口

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>