moshaorui
/
mtb_dcatadmin_album


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
<video id="videoBox" autoplay controls="controls">
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" />
</video>
<button onclick="cut()">截图</button>
<div id="imgOut"></div>
<script>
    function cut() {
        "use strict";
        var scale = 0.25;
        var video = document.getElementById("videoBox");
        var canvas = document.createElement("canvas");
        canvas.width = video.videoWidth * scale;
        canvas.height = video.videoHeight * scale;
        canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
        canvas.setAttribute("id", "canvas");
        document.getElementById("imgOut").append(canvas)
    }
</script>
</body>

</html>