Chromium忽略z指数

Question

我无法让Chromium允许我在内嵌视频上叠加文字或图片。我尝试过设置z-index（包括CSS和JS）;我已经尝试在视频开始播放后调整z-index，但没有运气。

HTML：

    <span id="text">test</span>
    <video playsinline autoplay muted loop>
        <source src="https://rawgit.com/bower-media-samples/big-buck-bunny-480p-30s/master/video.mp4" type="video/mp4"></source>
    </video>

CSS：

    video {
        width: 300px;
        height: 300px;
        object-fit: cover;
        position: fixed;
        z-index: -1;
        top: 50px;
        left: 0;
    }

    #text {
        color: red;
        font-size: 100px;
        position: fixed;
        z-index: 9999;
    }

我有一个jsfiddle可以在FF / Chrome / Safari中正常使用;它只是没有使用Chromium ...文字留在视频后面。

有什么方法可以覆盖这个内嵌视频吗？