如何使用onsen-ui和javascript的视频html5标签获取此视频标签

Question

在以下onsen-ui代码中，如何在video代码中选择<ons-page>个对象？

<script type="text/ons-template" id="play.html">
    <ons-page>
        <ons-toolbar class="nav">
            <div class="left">
                <ons-toolbar-button ng-click="menu.toggleMenu()"><ons-icon icon="fa-bars"></ons-icon></ons-toolbar-button>
            </div>
            <div class="center">Play</div>
        </ons-toolbar>

        <div id="play_div">

            <video style="max-width:700px; max-height:100%" id="video_player">
                <source src="audio/He_Cuoi.mp4" type="video/mp4">
                Your browser does not support HTML5 video.
            </video>

        </div>
    </ons-page>
</script>

我尝试过以下代码。

var vid = document.getElementById("video_player");
    console.log(vid);

但vid会返回null。