前端H5 Video常见使用场景简介

发布时间：2021-01-21 00:31:00 所属栏目：编程来源：脚本之家

导读：副标题#e# 这篇文章主要介绍了前端H5 Video常见的使用场景，帮助大家更好的进行前端开发，感兴趣的朋友可以了解下 1.原生H5 video标签 video id="mse" autoplay=true playsinline controls="controls" source src="实机视频地址" type="video/mp4" 你的浏览

      function draw() {
        if (video.paused || video.ended) return;
        context.clearRect(0, 0, canvas.width, canvas.height);
        context.drawImage(video, 0, 0, canvas.width, canvas.height);
        timerId = setTimeout(draw, 0);
      }

      playBtn.addEventListener("click", () => {
        if (!video.paused) return;
        video.play();
        draw();
      });

      pauseBtn.addEventListener("click", () => {
        if (video.paused) return;
        video.pause();
        clearTimeout(timerId);
      });
    </script>
</body>
</html>

以上就是前端H5 Video常见使用场景简介的详细内容，更多关于前端H5 Video常见场景的资料请关注脚本之家其它相关文章！

来源：脚本之家

链接：https://www.jb51.net/html5/741755.html

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

3/3

首页