<div class="podcasts_player" id="js-podcast-player" tabindex="-1" role="complementary" aria-label="Podcast Player">

    <div class="fs-row">
        <div class="fs-cell">

            <div class="podcasts_player_inner">

                <div class="podcasts_player_controls">
                    <button class="podcasts_player_rewind" id="js-podcast-rewind-btn">
                        <span class="podcasts_player_rewind_label">Rewind 15 seconds</span>
                        <span class="podcasts_player_rewind_icon">
                            <svg class="icon icon_rewind">
                                <use href="/images/icons.svg#rewind" />
                            </svg>
                        </span>
                    </button>
                    <button class="podcasts_player_btn_play" id="js-podcast-play-btn">
                        <span class="podcasts_player_btn_play_label">Play</span>
                        <span class="podcasts_player_btn_play_icon">

                            <svg class="icon icon_play">
                                <use href="/images/icons.svg#play" />
                            </svg>

                            <svg class="icon icon_pause">
                                <use href="/images/icons.svg#pause" />
                            </svg>

                        </span>
                    </button>
                    <button class="podcasts_player_forward" id="js-podcast-forward-btn">
                        <span class="podcasts_player_forward_label">Fast Forward 15 seconds</span>
                        <span class="podcasts_player_forward_icon">
                            <svg class="icon icon_forward">
                                <use href="/images/icons.svg#forward" />
                            </svg>
                        </span>
                    </button>
                </div>

                <div class="podcasts_player_details">
                    <audio class="podcasts_audio" id="js-podcast-audio" ontimeupdate="PodcastPlayer.initProgressBar()" src="#">
                        Your browser does not support the <code>audio</code> element.
                    </audio>
                    <span class="podcasts_player_time">
                        <span class="podcast_player_current_time" id="podcast-current-time">0:00</span>
                        <span class="podcast_player_end_time" id="podcast-end-time">0:00</span>
                    </span>
                    <span class="podcast_player_progress">
                        <progress id="podcast-progress" class="podcast_progress" value="0" max="1"></progress>
                    </span>
                </div>

                <figcaption class="podcasts_player_figcap" id="js-podcast-figcap"></figcaption>

            </div>

        </div>
    </div>

    <button class="podcasts_player_close" id="js-podcasat-close-btn">
        <span class="podcasts_player_close_label">Close</span>
        <span class="podcasts_player_close_icon">
            <svg class="icon icon_close">
                <use href="/images/icons.svg#close" />
            </svg>
        </span>
    </button>

</div>
<div class="podcasts_player" id="js-podcast-player" tabindex="-1"  role="complementary" aria-label="Podcast Player">

	<div class="fs-row">
		<div class="fs-cell">

			<div class="podcasts_player_inner">

				<div class="podcasts_player_controls">
					<button class="podcasts_player_rewind" id="js-podcast-rewind-btn">
						<span class="podcasts_player_rewind_label">Rewind 15 seconds</span>
						<span class="podcasts_player_rewind_icon">{{ icon("rewind") }}</span>
					</button>
					<button class="podcasts_player_btn_play" id="js-podcast-play-btn">
						<span class="podcasts_player_btn_play_label">Play</span>
						<span class="podcasts_player_btn_play_icon">
							{{ icon("play") }}
							{{ icon("pause") }}
						</span>
					</button>
					<button class="podcasts_player_forward" id="js-podcast-forward-btn">
						<span class="podcasts_player_forward_label">Fast Forward 15 seconds</span>
						<span class="podcasts_player_forward_icon">{{ icon("forward") }}</span>
					</button>
				</div>

				<div class="podcasts_player_details">
					<audio class="podcasts_audio" id="js-podcast-audio" ontimeupdate="PodcastPlayer.initProgressBar()" src="#">
						Your browser does not support the <code>audio</code> element.
					</audio>
					<span class="podcasts_player_time">
						<span class="podcast_player_current_time" id="podcast-current-time">0:00</span>
						<span class="podcast_player_end_time" id="podcast-end-time">0:00</span>
					</span>
					<span class="podcast_player_progress">
						<progress id="podcast-progress" class="podcast_progress" value="0" max="1"></progress>
					</span>
				</div>				

				<figcaption class="podcasts_player_figcap" id="js-podcast-figcap"></figcaption>
			
			</div>

		</div>
	</div>

	<button class="podcasts_player_close" id="js-podcasat-close-btn">
		<span class="podcasts_player_close_label">Close</span>
		<span class="podcasts_player_close_icon">{{ icon("close") }}</span>
	</button>

</div>

No notes defined.