加载更多视频脚本不起作用

Question

我尝试了一些东西，但我只能在我的网页上看到一个视频，但是当我点击查看更多内容时，没有任何事情发生。

<?php
    $dir = "videos/";
    if (is_dir($dir))
    {
        if ($dh = opendir($dir)){
            while (($file = readdir($dh)) !== false){
                if($file != '.' && $file != '..' && strtolower(substr($file, strrpos($file, '.') + 1)) == 'mp4'){
                    echo 
                    "<div id='myvido' class='col-md-4 col-sm-4 mbtm15'>
                    <video width=\"100%\" height=\"auto\" controls preload=\"auto\">
                    <source src=\"". $dir . $file ."\" type=\"video/mp4\">
                    <source src=\"". $dir . $file ."\" type=\"video/ogg\">
                    </video>
                    </div>";
                }
            }
            closedir($dh);
        }
    }
?>
<div id="loadMore">Load more</div>
<div id="showLess">Show less</div>

这是我的Jquery

$(document).ready(function () {
    size_li = $("#myvido video").size();
    x=3;
    $('#myvido video:lt('+x+')').show();
    $('#loadMore').click(function () {
        x= (x+5 <= size_li) ? x+5 : size_li;
        $('#myvido video:lt('+x+')').show();
    });
    $('#showLess').click(function () {
        x=(x-5<0) ? 3 : x-5;
        $('#myvido video').not(':lt('+x+')').hide();
    });
});

和css

 #myvido video{display: none;}

因此，当我尝试上面的代码时，当我尝试点击加载更多视频时，它没有显示更多视频，它不能正常工作。