Как обернуть тег [media= в определенный контейнер ?

.video-container {
    position: relative;
    padding-bottom: 56.25%;
   margin:15px 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top:0;

    left: 0;
    width: 100%;
    height: 100%;
}

<div class="sstory">

{short-story}

</div>
.sstory{margin:15px 0 15px 0; list-style: none;}

.sstory h5{color: #8c8c8c;font-style: italic;font-weight: normal;font-family: Georgia, Serif, Tahoma;font-size: 80%;line-height:1.2;display:block;position:relative;margin:10px 0 0 0;text-align: center;text-rendering:optimizelegibility;}


.sstory img{
  margin: 5px auto;
  display: block;
  float: none;
}
.sstory a{color:#A92242;text-decoration:none;border-bottom: 1px solid #777;font-weight:normal;}
.sstory a:hover{color:#2B7BB9;text-decoration:none;border-bottom: 1px solid #A92242;}