<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="${#request.getContextPath() + '/'} ">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8"/>
    <style>
        html, body{margin: 0px; height: 0px; background-color: #000;}
        body { overflow: hidden;}
    </style>
</head>
<body>
<div id="video"></div>
<script src="assets/js/vendor/ckplayer/ckplayer/ckplayer.js"></script>
<script type="text/javascript">
    var fileId = top.restAjax.params(window.location.href).fileId;
    var ckPlayer = new ckplayer({
        container: '#video',
        variable: 'ckPlayer',
        flashplayer: false,
        video: {
            file: top.restAjax.path('route/file/media/video/download/true/{fileId}', [fileId]),
            type: 'video/mp4'
        },
        autoplay: true
    });
</script>
</body>
</html>