<!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>