<?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(__('« Ältere Beiträge', "kr8theme")) ?></li> <li class="next-link"><?php previous_posts_link(__('Neuere Beiträge »', "kr8theme")) ?></li> </ul> </nav> <?php } ?> <?php } ?> </div> <!-- end #main --> </div> </section> <?php get_footer(); ?>