jkb-childtheme/page-streaming.php

100 lines
4.1 KiB
PHP

<?php
/*
Template Name: Streaming
*/
?>
<?php get_header(); ?>
<?php $themen = get_post_meta( $post->ID, 'kr8mb_page_themen_id', true );
$format = get_post_meta( $post->ID, 'kr8mb_page_format_id', true ); ?>
<section class="streaming" id="content"><div class="inner wrap clearfix">
<?php if ( has_post_thumbnail() ) {
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
$url = $thumb['0']; ?>
<div class="introbg parallax" style="background-image:url(<?php echo $url; ?>);"></div>
<div id="landing-intro" class="parallax" style="background-image:url(<?php echo $url; ?>);">
<?php } else { ?>
<div id="landing-intro" >
<?php } ?>
<div class="landing-teaser twelvecol first clearfix">
<header>
<h1 class="landing-title" itemprop="headline"><span><?php the_title(); ?><span class="hidden"><?php if( is_paged() ) { echo ' - Seite ' .$paged; }?></span></span></h1>
</header>
</div>
</div>
<p class="cta" style="margin-bottom:1em;"><a href="/gruen-macht-zukunft">Zur Hauptseite</a></p>
<div class="streaming-video">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script> <script type="text/javascript" src="https://www.obs-server.com/clappr/level-selector.js"></script><div id="wrapper" style="position: relative;padding-bottom: 56.25%;"><div id="player" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"></div></div><script>var playerElement=document.getElementById("player"); var player=new Clappr.Player({source: "https://16cw27spra8ia1voi.hlscdn.obs-server.com/hls/ru3pnbwfsmwz8ywmn84yy3axnr6rhx.m3u8", width: "100%", height: "100%", plugins: [LevelSelector], levelSelectorConfig:{title: "Quality", labelCallback: function (playbackLevel){return playbackLevel.level.height + "p";}, onLevelsAvailable: function (levels){return levels.reverse();},}}); player.attachTo(playerElement); </script><script type="text/javascript" src="https://stats.obs-server.com/js/16cw27spra8ia1voi"></script><noscript>Please activate JavaScript for this live stream powered by <a target="_blank" href="https://www.obs-server.com/">OBS-Server.com</a></noscript>
</div>
<div class="twelvecol first">
<?php if (!is_paged()) { ?>
<div id="main" role="main" class="clearfix">
<?php while (have_posts()): the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?> role="article" itemscope itemtype="http://schema.org/BlogPosting">
<section class="streaming-text entry-content clearfix" itemprop="articleBody">
<?php the_content(); ?>
</section>
</article>
<?php endwhile; ?>
</div>
<?php } ?>
<?php if ($themen !="") { ?>
<div class="clearfix landingnews">
<?php wp_reset_query(); ?>
<?php if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
else { $paged = 1; }
$postsperpage = get_option('posts_per_page');
query_posts('tag=' . $themen . '&posts_per_page='. $postsperpage .'&paged=' . $paged . '&category_name=' . $format); ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content-list', get_post_format() ); ?>
<?php endwhile; ?>
</div>
<?php if (function_exists('kr8_page_navi')) { ?>
<?php kr8_page_navi(); ?>
<?php } else { ?>
<nav class="wp-prev-next">
<ul class="clearfix">
<li class="prev-link"><?php next_posts_link(__('&laquo; Ältere Beiträge', "kr8theme")) ?></li>
<li class="next-link"><?php previous_posts_link(__('Neuere Beiträge &raquo;', "kr8theme")) ?></li>
</ul>
</nav>
<?php } ?>
<?php } ?>
</div> <!-- end #main -->
</div>
</section>
<?php get_footer(); ?>