Prod - display article title

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!
• Jill Kelly
• Sixth Time's the Charm

The title of the article should be displayed after the CTA is clicked.

If you mouse over or click the title, it will scroll to the left until the complete title is shown, then return to its original position.

Clicking the title will also cause the title to reposition before starting to scroll.

The player should appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Prod - inDev is true

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!
• Jill Kelly
• Sixth Time's the Charm

You should be able to click to the next article by clicking the forward icon. You can rewind 5 seconds by clicking the rewind icon. The total time should appear at first, then should count down to zero. You should be able to slide the progress bar handle forward and backward to move to a different time in the article.

The player should NOT appear here:

To make the player appear, add this to the URL: ?sl_show_in_dev=true

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Prod - targetSelector does not exist

The targetSelector option is pointing to a div that does not exist. Open dev tools and confirm that a div with the class "player-here" does not exist.

The player should NOT appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Prod - targetSelector exists

MASTHEAD

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!
• Jill Kelly
• Sixth Time's the Charm

You should be able to click to the next article by clicking the forward icon. You can rewind 5 seconds by clicking the rewind icon. The total time should appear at first, then should count down to zero. You should be able to slide the progress bar handle forward and backward to move to a different time in the article.

The player should appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.

Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Stage - display article title

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!
• Jill Kelly
• Sixth Time's the Charm

The title of the article should be displayed after the CTA is clicked.

If you mouse over or click the title, it will scroll to the left until the complete title is shown, then return to its original position.

Clicking the title will also cause the title to reposition before starting to scroll.

The player should appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Stage - inDev is true

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!
• Jill Kelly
• Sixth Time's the Charm

You should be able to click to the next article by clicking the forward icon. You can rewind 5 seconds by clicking the rewind icon. The total time should appear at first, then should count down to zero. You should be able to slide the progress bar handle forward and backward to move to a different time in the article.

The player should NOT appear here:

To make the player appear, add this to the URL: ?sl_show_in_dev=true

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Stage - targetSelector does not exist

The targetSelector option is pointing to a div that does not exist. Open dev tools and confirm that a div with the class "player-here" does not exist.

The player should NOT appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Stage - targetSelector exists

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!!!
• Jill Kelly
• Sixth Time's the Charm

You should be able to click to the next article by clicking the forward icon. You can rewind 5 seconds by clicking the rewind icon. The total time should appear at first, then should count down to zero. You should be able to slide the progress bar handle forward and backward to move to a different time in the article.

The player should appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.

Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Dev - display article title

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!
• Jill Kelly
• Sixth Time's the Charm

The title of the article should be displayed after the CTA is clicked.

If you mouse over or click the title, it will scroll to the left until the complete title is shown, then return to its original position.

Clicking the title will also cause the title to reposition before starting to scroll.

The player should appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Dev - inDev is true

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!
• Jill Kelly
• Sixth Time's the Charm

You should be able to click to the next article by clicking the forward icon. You can rewind 5 seconds by clicking the rewind icon. The total time should appear at first, then should count down to zero. You should be able to slide the progress bar handle forward and backward to move to a different time in the article.

The player should NOT appear here:

To make the player appear, add this to the URL: ?sl_show_in_dev=true

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Dev - targetSelector does not exist

The targetSelector option is pointing to a div that does not exist. Open dev tools and confirm that a div with the class "player-here" does not exist.

The player should NOT appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

Dev - targetSelector exists

MASTHEAD

MASTHEAD LOCK

Click "Press Play to Listen to this Article" to start. This post contains three articles:

• Hey Ladies!
• Jill Kelly
• Sixth Time's the Charm

You should be able to click to the next article by clicking the forward icon. You can rewind 5 seconds by clicking the rewind icon. The total time should appear at first, then should count down to zero. You should be able to slide the progress bar handle forward and backward to move to a different time in the article.

The player should appear here:

Mauris vestibulum, orci et cursus suscipit, libero enim mollis ipsum, sit amet lacinia eros enim nec lectus. Morbi mollis at odio eu placerat. Quisque id semper orci. Nullam vulputate urna eu ante lobortis sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. In hac habitasse platea dictumst. Nam pharetra neque ut tristique tincidunt. Sed turpis orci, gravida at lorem ullamcorper, pretium mollis turpis.
Sed suscipit lorem id justo dictum euismod. Cras semper vel dolor et fermentum. Nam consequat orci a metus suscipit, sed tincidunt lacus porta. Pellentesque pharetra non nisi vel porttitor. Vivamus dapibus dolor nulla, vitae sodales urna sollicitudin ac. Integer facilisis elementum justo. Vivamus faucibus justo venenatis, dignissim mi vitae, rhoncus dolor. Phasellus condimentum, mauris in congue mattis, sem sem tempor nisi, nec suscipit mauris enim ut ligula. Pellentesque vel turpis ligula. Donec non malesuada mauris.
Quisque dignissim dui sed orci fermentum, a consequat arcu tristique. Maecenas pulvinar tempus facilisis. Pellentesque dapibus aliquet orci, scelerisque blandit orci rhoncus eget. Sed accumsan fringilla ligula, pellentesque cursus urna aliquet sed. Praesent auctor egestas elit, sed condimentum nisi lobortis id. In id ante ac nulla dignissim pharetra vel a orci. Vivamus adipiscing, metus ac scelerisque sodales, nibh turpis consectetur massa, a volutpat libero turpis pulvinar ante.

BALLAST

BALLAST LOCK