Javascript HTML5视频-点击播放至全屏

我有一个简单的HTML5视频播放器。我希望这样，当用户点击网站上的一个div，这将打开视频到全屏

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <div class="top-video">
        <video controls="" muted="" autoplay="" playsinline="" id="topVideo">
          <source src="https://player.vimeo.com/external/419906207.hd.mp4?s=7c6f9edf7137540923b2931ac0359420124e5d6e&profile_id=174&amp;loop=0&amp;autoplay=1" type="video/mp4">
        </video>
    </div>  

---

我已经尝试使用jQuery来解决这个问题，但是没有，有人有解决方案吗？

根据MDN文档，一个

元素.requestFullscreen（）

可以帮助您解决这个问题

$（“#需要单击div”）。单击（（e）=>{
$（'#topVideo'）[0].requestFullscreen（）；
})

根据MDN文档，一个

元素.requestFullscreen（）

可以帮助您实现这一点

$（“#需要单击div”）。单击（（e）=>{
$（'#topVideo'）[0].requestFullscreen（）；
})

检查此选项是否回答了您的问题？这是否回答了你的问题？