<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>员工学习</title>
    <link rel="stylesheet" href="/static/study/css/style.css" />
    <link rel="stylesheet" href="/static/study/layer/need/layer.css" />
    <style>
        .content{
            background: #fff;
            padding: 20px;
        }
        .video{
            width: 100%;
            height: 100%;
            margin-top: 20%;
        }
        .audio{
            width: 100%;
            margin-top: 20%;
        }

    </style>
</head>
<body>
    <div class="container">
        {if ($info['content'])}
            <div class="content">
                {$info.content | raw}
            </div>
        {/if}
        {if ($info['video'])}
            <div class="video">
                <video width="100%" height="240" controls autoplay >
                    <source src="{$info['video']}" type="video/mp4">
                </video>
            </div>
        {/if}

        {if ($info['audio'])}
        <div class="audio">
            <object height="100" width="100%" data="{$info['audio']}"></object>
        </div>
        {/if}

    </div>




<script type="text/javascript">


</script>
</body>
</html>