anorgatarrak-wordpress-theme/partials/item-detail.template.html

<div class="container ficha">
	<div class="row" style="width:100%;">
		<a href="/catalog">
			&larr;
			<span ng-show="lang == 'es'">Volver</span>
			<span ng-show="lang == 'eus'">Itzuli</span>
		</a> 
	</div>
<div class="row" style="border-bottom:solid #f5f5f5 10px; margin-bottom:10px;">
	<div class="col-md-6"><h1>{{post.title.rendered}}</h1></div>
</div>
<div class="row">
<div class="col-md-6">
	<!-- castellano -->
	<ul ng-show="lang == 'es'">
		<li ng-if="post.e_idioma"><label>Idioma:</label> {{post.e_idioma}}</li>
		<li ng-if="post.e_localizacion"><label>Localización:</label> {{post.e_localizacion.address}}</li>
		<li ng-if="post.e_fecha_de_entrevista"><label>Fecha:</label> {{post.e_fecha_de_entrevista | date : "dd/MM/y"}}</li>
		<li><label>Informantes:</label>
			<ul>
			<li ng-repeat="i in post.e_informantes">{{i.post_title}}</li>
			</ul>
		</li>
		<li><label>Términos:</label>
			<ul>
			<li style="list-style:none;" ng-repeat="t in post.category"><button class="btn btn-secondary btn-sm" type="button">{{t.name}}</button></li>
			</ul>
		</li>
	</ul>

<!-- euskera -->
	<ul ng-show="lang == 'eus'">
		<li><label>Hizkuntza:</label> {{post.e_idioma}}</li>
		<li ng-if="post.e_localizacion"><label>Kokapena:</label> {{post.e_localizacion.address}}</li>
		<li ng-if="post.e_fecha_de_entrevista"><label>Data:</label> {{post.e_fecha_de_entrevista}}</li>
		<li><label>Informatzaile:</label>
			<ul>
			<li ng-repeat="i in post.e_informantes">{{i.post_title}}</li>
			</ul>
		</li>
		<li ng-if="post.cateogry"><label>Baldintzak:</label>
			<ul>
			<li style="list-style:none;" ng-repeat="t in post.category"><button class="btn btn-secondary btn-sm" type="button">{{t.name}}</button></li>
			</ul>
		</li>
	</ul>

</div>
<div class="col-md-6">
	<video id="item-video" poster="{{post.featured_image_thumbnail_url}}" class="mejs__player" src="{{post.e_audiovisual}}" style="width:100%;" controls type="video/mp4" data-mejsoptions='{"pluginPath": "/path/to/shims/", "alwaysShowControls": "true"}'>URL: {{post.e_audiovisual}} </video>
	<button class="btn btn-primary btn-sm" type="button" data-toggle="collapse" data-target="#collapse-transcripcion" aria-expanded="false" aria-controls="collapseExample">Transcripcion</button>
	<button class="btn btn-primary btn-sm" style="display:none;" id="item-video-play" type="button" aria-expanded="false" aria-controls="collapseExample">Play</button>
</div>
<div class="row" style="" >
	<div class="col-md-6 col-sm-12">
		<div ng-if="post.e_transcripcion" class="collapse" id="collapse-transcripcion" ng-bind-html="post.e_transcripcion" style="column-count:1;padding-top:20px;"></div>
	</div>
	<div class="col-md-6 col-sm-12">
		<video id="item-video"  style="width:100%; display:none;"></video>
	</div>
</div>

</div>
</div>
</div>