Feature Request

Ok, So I found the event listener code:

However I’m not sure where to use this. In the functions.php file?

window.addEventListener(‘wpYouTubeLiveStarted’, function() {
/* your code here */
console.log(‘stream started’);
/* your code here */
});

Thanks!

No, you’d put this in a javascript file and then include that using your functions.php file.

So you’d create a video-ticker.js file in your theme folder containing something like this:

(function($){
$('document').ready(function() {
  window.addEventListener('wpYouTubeLiveStarted', function() {
    // swap out the content of .ticker-box
    $('.ticker-box').html('Breaking LIVE now! <a id="expand-video">Open Video viewer</a>');
  });

  $('#expand-video').on('click', function() {
    // do stuff here to make video visible
  });
});

Then in functions.php, add this to load it on the frontend:

function my_video_ticker_js() {
  wp_enqueue_script( 'my-video-ticker', get_stylesheet_directory_uri() . '/video-ticker.js', array( 'jquery' ), NULL, true );
}
add_action( 'wp_enqueue_scripts', 'my_video_ticker_js' );

Greetings Andrew,

Thanks for the programming advice and speedy turnaround time on my last support request.

I have now been doing rather extensive testing with the plugin with excellent results. However, I’ve run into another issue regarding the fallback_behavior once the video stream ends in that the iFrame window stays open on the page. I expected (incorrectly?) that the browser would recheck for the stream, and finding none, the iFrame would clear. That does not happen.

In checking wp-youtube-live.js, I see that there is no code to change the state of the now dead stream back to the original pre live stream state.

Here’s my page and code:

Live Stream page

[youtube_live auto_refresh=”true” autoplay=”true” js_only=
“true” fallback_behavior=”no_message”]

This works excellently (other than a large time lag anywhere from 90 to 300 seconds.)

Once the live video finishes. The iFrame stays on the page and does not refresh/revert to the original state.

Can you suggest code to make the iFrame close and return to the original page as seen at the above link?

Thank you!