<h3>Self Hosted Audio</h3>
<audio class="wp-audio-shortcode" id="audio-252-1" preload="none" style="width: 100%;" controls="controls"><source type="audio/mpeg" src="http://themes.tielabs.com/data/media/magicghost.mp3?_=1" /><source type="audio/ogg" src="http://themes.tielabs.com/data/media/magicghost.ogg?_=1" /><source type="" src="http://?_=1" /></audio>
<p>[divider style=&#8221;double&#8221; top=&#8221;20&#8243; bottom=&#8221;20&#8243;]</p>
<h3>Self Hosted Video</h3>
<div style="width: 640px;" class="wp-video"><video class="wp-video-shortcode" id="video-252-1" width="640" height="360" preload="metadata" controls="controls"><source type="video/mp4" src="http://themes.tielabs.com/sahifa5/wp-content/uploads/sites/3/2015/01/big_buck_bunny.mp4?_=1" /></video></div>
<p>[divider style=&#8221;double&#8221; top=&#8221;20&#8243; bottom=&#8221;20&#8243;]</p>
<h3>Videos Play list</h3>
		<div class="wp-playlist wp-video-playlist wp-playlist-light">
			<amp-state id="wpPlaylist1">
				<script type="application/json">{"selectedIndex":0,"0":{"videoUrl":"https:\/\/yanzen.biz.id\/wp-content\/uploads\/2015\/01\/Weaver-bird-3D-animation.mp4","thumb":"https:\/\/yanzen.biz.id\/wp-includes\/images\/media\/video.svg"},"1":{"videoUrl":"https:\/\/yanzen.biz.id\/wp-content\/uploads\/2015\/01\/Gore-Zoid-3D-Animation-HD.mp4","thumb":"https:\/\/yanzen.biz.id\/wp-includes\/images\/media\/video.svg"},"2":{"videoUrl":"https:\/\/yanzen.biz.id\/wp-content\/uploads\/2015\/01\/big_buck_bunny.mp4","thumb":"https:\/\/yanzen.biz.id\/wp-includes\/images\/media\/video.svg"}}</script>
			</amp-state>
			<amp-video id="amp-video" src="https://yanzen.biz.id/wp-content/uploads/2015/01/Weaver-bird-3D-animation.mp4" [src]="wpPlaylist1[wpPlaylist1.selectedIndex].videoUrl" width="1148" height="574" controls></amp-video>
					<div class="wp-playlist-tracks">
											<div class="wp-playlist-item wp-playlist-playing" [class]="0 == wpPlaylist1.selectedIndex ? ";wp-playlist-item wp-playlist-playing"; : ";wp-playlist-item";" >
					<a class="wp-playlist-caption" on="tap:AMP.setState({";wpPlaylist1";:{";selectedIndex";:0}})">
						1. <span class="wp-playlist-item-title">Weaver-bird-3D-animation</span>
					</a>
											<div class="wp-playlist-item-length">0:30</div>
									</div>
											<div class="wp-playlist-item" [class]="1 == wpPlaylist1.selectedIndex ? ";wp-playlist-item wp-playlist-playing"; : ";wp-playlist-item";" >
					<a class="wp-playlist-caption" on="tap:AMP.setState({";wpPlaylist1";:{";selectedIndex";:1}})">
						2. <span class="wp-playlist-item-title">Gore-Zoid-3D-Animation-HD</span>
					</a>
											<div class="wp-playlist-item-length">0:41</div>
									</div>
											<div class="wp-playlist-item" [class]="2 == wpPlaylist1.selectedIndex ? ";wp-playlist-item wp-playlist-playing"; : ";wp-playlist-item";" >
					<a class="wp-playlist-caption" on="tap:AMP.setState({";wpPlaylist1";:{";selectedIndex";:2}})">
						3. <span class="wp-playlist-item-title">big_buck_bunny</span>
					</a>
											<div class="wp-playlist-item-length">1:00</div>
									</div>
					</div>
				</div>
		

Yansen
Pesan anda akan segera kami balas secepatnya ya
