jquery - jQuery 再生固有の HTML5 ビデオ

Question

現在、以下のような div を持つサイトをセットアップしています。一度に表示されるのは 1 つだけです。

<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();

});