Audio Player Not Functioning – Themeco Community

Audio Player Not Functioning

Jason H — Wed, 30 Jul 2014 18:58:31 +0000

I don’t know what happened, but when I migrated my site over to the new domain, the audio player stopped working ON PHONE ONLY. I have the audio player hidden for everything except phone. I know the links are correct and have tried to rebuild the box in VC, but no joy.

The site is HERE

Reply To: Audio Player Not Functioning

Christian — Thu, 31 Jul 2014 07:37:42 +0000

Hey Jason,

You’re website is not available upon checking (see http://prntscr.com/4830tp). Please check.

Thanks.

Reply To: Audio Player Not Functioning

Jason H — Thu, 31 Jul 2014 17:19:40 +0000

My link was bad…updated. Sorry 🙂

Reply To: Audio Player Not Functioning

Rad — Fri, 01 Aug 2014 21:24:02 +0000

Hi Jason,

Getting this error and I think from coupontool.

Failed to load resource: the server responded with a status of 503 (Service Unavailable: Back-end server is at capacity)

You’re currently using X 2.1.0, please add this code at your child theme’s functions.php

if ( ! function_exists( 'x_featured_audio' ) ) :
  function x_featured_audio() {

    $entry_id = get_the_ID();
    $mp3      = get_post_meta( $entry_id, '_x_audio_mp3', true );
    $ogg      = get_post_meta( $entry_id, '_x_audio_ogg', true );
    $embed    = get_post_meta( $entry_id, '_x_audio_embed', true );

    ?>

    

      
        
      

    

      

      
      
        
          
            Play
            Pause
          
          
            
              
                
              
            
          
        
      

    

  

      
        
          
        
      

    

      

      
        
          
          
            
              
                Play
                Pause
              
              
                
                  
                    
                  
                
              
            
          
        
      

     '',
    'class'  => '',
    'style'  => '',
    'mp3'    => '',
    'oga'    => ''
  ), $atts ) );

  $id     = ( $id    != '' ) ? 'id="' . esc_attr( $id ) . '"' : '';
  $class  = ( $class != '' ) ? 'x-audio player ' . esc_attr( $class ) : 'x-audio player';
  $style  = ( $style != '' ) ? 'style="' . $style . '"' : '';
  $mp3    = ( $mp3   != '' ) ? $mp3 : '';
  $oga    = ( $oga   != '' ) ? $oga : '';

  static $count = 0; $count++;

  $output = ''

          . ""
            . ""
            . ""
              . ""
                . ''
                  . 'Play'
                  . 'Pause'
                . ''
                . ''
                  . ''
                    . ''
                      . ''
                    . ''
                  . ''
                . ''
              . ''
            . ''
          . '';
  
  return $output;
}

function x_shortcode_responsive_video_player_v2( $atts ) { // 1
  extract( shortcode_atts( array(
    'id'            => '',
    'class'         => '',
    'style'         => '',
    'type'          => '',
    'm4v'           => '',
    'ogv'           => '',
    'poster'        => '',
    'hide_controls' => '',
    'autoplay'      => '',
    'no_container'  => ''
  ), $atts ) );

  $id    = ( $id    != '' ) ? 'id="' . esc_attr( $id ) . '"' : '';
  $class = ( $class != '' ) ? 'x-responsive-video x-responsive-video-shortcode player ' . esc_attr( $class ) : 'x-responsive-video x-responsive-video-shortcode player';
  $style = ( $style != '' ) ? 'style="' . $style . '"' : '';
  switch ( $type ) {
    case '5:3' :
      $type = ' five-by-three';
      break;
    case '5:4' :
      $type = ' five-by-four';
      break;
    case '4:3' :
      $type = ' four-by-three';
      break;
    case '3:2' :
      $type = ' three-by-two';
      break;
    default :
      $type = '';
  }
  $m4v           = ( $m4v           != ''     ) ? $m4v : '';
  $ogv           = ( $ogv           != ''     ) ? $ogv : '';
  $poster        = ( $poster        != ''     ) ? $poster : '';
  $hide_controls = ( $hide_controls == 'true' ) ? $hide_controls : '';
  $autoplay      = ( $autoplay      == 'true' ) ? '.jPlayer("play")' : '';
  $no_container  = ( $no_container  == 'true' ) ? '' : ' with-container';

  static $count = 0; $count++;

  if ( is_numeric( $poster ) ) {
    $poster_info = wp_get_attachment_image_src( $poster, 'full' );
    $poster      = $poster_info[0];
  }

  if ( $hide_controls == 'true' ) {
    $controls = '';
  } else {
    $controls = ''
                . ""
                  . ''
                    . 'Play'
                    . 'Pause'
                  . ''
                  . ''
                    . ''
                      . ''
                        . ''
                      . ''
                    . ''
                  . ''
                . ''
              . '';
  }

  $output = ''

          . ""
            . ''
              . ""
              . $controls
            . ''
          . '';
  
  return $output;
}

add_action('wp_head', function() {

remove_shortcode( 'x_audio_player' );
remove_shortcode( 'x_video_player' );

add_shortcode( 'x_audio_player', 'x_shortcode_audio_player_v2' );
add_shortcode( 'x_video_player', 'x_shortcode_responsive_video_player_v2' );

});

After applying this, please clear your plugins cache or disable it temporarily.

Hope this helps.

Reply To: Audio Player Not Functioning

Jason H — Mon, 04 Aug 2014 22:38:58 +0000

Unfortunately that didn’t do anything. I updated to the current version as well, still no change.

Thoughts?

Reply To: Audio Player Not Functioning

Zeshan — Tue, 05 Aug 2014 12:51:11 +0000

Hi Jason,

Thank you for writing in!

There seems to be a JavaScript conflict. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes.

Thank you.

Reply To: Audio Player Not Functioning

Jason H — Tue, 05 Aug 2014 21:52:30 +0000

Still a no go. I disabled all plugins, cleared all caches and it didn’t work. Plays fine on desktop. Works fine on iPad and iPhone (but only the instances of the player that are not in a visibility box). Just won’t play on my android phone (chrome or stock browser) or Nexus 7 (chrome is the stock browser).

Reply To: Audio Player Not Functioning

Zeshan — Wed, 06 Aug 2014 13:13:45 +0000

Hi Jason,

Upon checking thoroughly, the audio players are working on mobile which are visible on desktop. I have created a screencast for you while testing the players on desktop (smaller screen): http://screencast.com/t/gw2JnPZf and on mobiles I have taken a screenshot of the audio player working: http://prntscr.com/4a3xy2

The audio file you are inserting in mobile only visible shortcode is probably not working. You could try re-uploading the audio files for mobiles or testing on a different page.

Cheers!

Reply To: Audio Player Not Functioning

Jason H — Wed, 06 Aug 2014 19:38:28 +0000

Yes, as I mentioned in the other post, it ONLY doesn’t load in Android (both my tablet and phone). Works in iOS just fine. It looked like you were on an iPhone, so that would work. Just doesn’t load the player in Android.

Reply To: Audio Player Not Functioning

Rad — Wed, 06 Aug 2014 20:35:06 +0000

Hi Jason,

May I know more about your android phone? What unit or screen specs.

Nexus 7 has 1920×1200 resolution in which considered as desktop resolution too.

Visibility is based on screen resolution. 1024px and above are desktop’s screen resolution and X does not have device detection feature.

Thank you.