Group Selector Bug

Opacity changes when you stop

by Steve Eberhardt

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.3.1/fabric.min.js"></script>
<canvas id="c" width="1200" height="700" style="border:1px solid #ccc"></canvas>
<video height="360" width="480" id="video1" style="display: none" muted>
    <source src="http://html5demos.com/assets/dizzy.mp4">
    <source src="http://html5demos.com/assets/dizzy.ogv">
</video>

JavaScript

var canvas = new fabric.Canvas('c', {
    	width: 1000,
      height: 600
    });
    canvas.setDimensions({})
    var video1El = document.getElementById('video1');

    var video1 = new fabric.Image(video1El, {
        left: 200,
        top: 300,
        angle: -15,
        originX: 'center',
        originY: 'center',
        objectCaching: false,
    });

    canvas.add(video1);
    video1.getElement().play();

    fabric.util.requestAnimFrame(function render() {
        canvas.renderAll();
        fabric.util.requestAnimFrame(render);
    });