javascript - プラグインなしで毎分異なる位置でビデオの透かしを再配置します

Question

右上、左上など、毎分ビデオの透かしの位置を変更したいと思います。ビデオの進行中にこのようなランダムな位置。CSSとjqueryで透かしを入れました。

JQUERYパート-

var email = "testing"; // email varibale was set in one of php file.
var content = '<style>.parent-video:before{content: "'+email+'";}</style>';
$('head').append(content);

CSSパート-

.parent-video::before {  //this is div, parent of video element
    position: absolute;
    opacity: 0.8;
    background: #fff;
    color: #414040;
    font-size: 10px;
    top: 5px;
    right: 10px;
    max-width: 16%;
    word-wrap: break-word;
    max-height: 75%;
}
.parent-video .child-video { // .child-video is video element
    position: unset !important;
}