Canvas 插入视频

boonyaxnn

于 2019-05-27 20:28:02 发布

阅读量1.4k

点赞数

分类专栏： canvas 音视频

本文链接：https://blog.youkuaiyun.com/boonyaxnn/article/details/90610998

版权

本文介绍如何在HTML5 Canvas中动态插入视频元素，并实现视频的播放控制，结合Canvas的绘图能力，创建出独特的视频展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <meta name="viewport" content="width=640,user-scalable=0,target-densitydpi=device-dpi">
    <meta charset="utf-8">
    <style>
        #video {
            position: absolute;
            top:30px;
            left: 100px;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>
    <video loop controls autoplay id="video" >
          <source src="sadd.mp4" type="video/mp4"></source>
    </video>
    <

最低0.47元/天解锁文章