jquery - jQuery 播放特定的 HTML5 视频

Question

我目前有一个与下面类似的 div 的站点设置。一次只能看到一个。

<div id="intro_page" class="sub_page">

        <div class="sub_header"><img src="assets/img/intro_header.jpg" /></div>

        <div class="video_holder">
        <div class="play_button"></div>
            <video class="video_player" autobuffer>
                <source type="video/ogg" src="assets/media/test_video.ogg">
            </video>
        </div>

        <div class="page_text"><img src="assets/img/intro_text.jpg" width="1020" /></div>


    </div><!-- /intro_page -->

每个页面都有一个类似的video_holderdiv，我正在尝试在该当前 div 中播放视频。

我尝试过类似的事情，但没有运气。

$(".play_button").click(function() {

    $(this).fadeOut("slow");

    $(".video_player:visible").play();

});