如何在HTML5视频标签上放置交互式按钮？

Question

当我在HTML5视频标记的顶部放置链接时。这将适用于Safari，桌面浏览器，但在iPad和iPhone上我无法点击它。有人知道解决这个问题吗？

---

        <div class="video-wrapper">

            <video id="mainVideo" poster="resources/videos/poster.jpg" controls="controls">
                <source src="resources/videos/video.mp4" type="video/mp4" />
                Your browser does not support the video tag.
            </video>

            <a id="example" href="javascript:alert('ok')">Hello World</a>

        </div>