display a question is an audio (which is embedded in a choice text) is activiated

Hello,
In one of my experiment tasks, I will ask subjects to listen to a few songs and rate them. I have the below design:

(1) I set a “Multiple Choice" question to display all the songs and put the song within the choice text as shown in the below picture:
Figure 1.

(2) Thus, subjects can click and listen to these songs; when a choice is selected, it will be highlighted in a yellow square.
Figure 2.

(3) When a subject clicks a button (choice), a question will display in page and ask them to rate the song. And I have set the display logic for each song as follows: When a choice is selected, display the rate question.
Figure 3.
However, if a subject just clicks the "play" button for a song (see the highlighted part， the song is now playing), the rate question cannot be displayed. Because the choice is "not selected" according to Qualtrics' definition (so it does not have the yellow background as shown in Figure 2). Can anyone suggest how the rating question can be displayed as a song as the corresponding song is playing?
Figure 4.


By the way, I have already set the logic that a song will automatically stop if another song is playing:

Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("audio").bind("play",function (){
 jQuery("audio").not(this).each(function (index, audio) {
  audio.pause();
 });
});


As always, thank you so much for your help!!