我在互联网上搜索了一些很好的例子，但是由于某种原因，当我试图用我的代码实现它们时，它们不起作用。我不知道我似乎做错了什么。
（我很抱歉使用了荷兰语的类名，希望不会太混乱）。如果我真的很笨，那我很抱歉。
于飞：

<div class="drievijfde-wrapper portfolio-wrapper">
    <div class="single-item singlevidjs drievijfde-padding" style="background-image:url(img/work-placeholder.png); background-position: center center; background-size: cover;">
        <video loop preload="auto" id="portfolio-vid">
            <source src="video/test reel_1.mp4" type="video/mp4">
        </video>  
        <a href="#">
            <div class="metadata">
                Interior Lamps
            </div>
        </a>
    </div>
</div>

JS：

var figure = $(".singlevidjs").hover( hoverVideo, hideVideo );

function hoverVideo(e) {  
    $('video', this).get(0).play(); 
}

function hideVideo(e) {
    $('video', this).get(0).pause(); 
}