46,294 questions
How to translate play/pause tooltip on Azure Media Player
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(153.6, 84%, 24%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPT%3C/text%3E%3C/svg%3E)
Phong Tsan Quay
0
Reputation points
The azure media player supports localization for most controls but not all. In my case, I would like to translate the tooltip "Press space key to play/pause the video" by the inputted language.
Is there any way to override it?
Can this be fixed in a future update to the azure media player?
Community Center | Not monitored
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(185.6, 59%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ESM%3C/text%3E%3C/svg%3E)
SnehaAgrawal-MSFT 22,706 Reputation points Moderator2023-05-12T08:16:23.6866667+00:00 Thanks for reaching here!
You can customize the tooltip text for the Azure Media Player by modifying the
aria-labelattribute of the play/pause button. Here's an example of how to do this in JavaScript:var myPlayer = amp('my-video', { /* options */ }); myPlayer.ready(function() { var playPauseButton = document.querySelector('.amp-controlbar .amp-playpause-control'); playPauseButton.setAttribute('aria-label', 'Press space key to play/pause the video'); });You can replace the text "Press space key to play/pause the video" with the translated text in the language of your choice.
For more information on customizing the Azure Media Player, see here.
Let us know.
-
Phong Tsan Quay 0 Reputation points
2023-05-12T09:10:18.49+00:00 @SnehaAgrawal-MSFT it did not work. I used the Azure Media Player version 2.3.10 so I found the element by 'vjs-controls-enabled' class and modified 'title' attribute (not aria-label attribute) with customized text
var playPauseButton = document.querySelector('.vjs-controls-enabled'); if(playPauseButton){ playPauseButton.setAttribute('title', 'This is customize Press space key to play/pause the video'); }Even then, when the video was first started or every time I clicked the Play/Pause button, the message reverted back to 'Press space key to play/pause the video'. I believe this text is fixed in the AMP library https://amp.azure.net/libs/amp/2.3.10/azuremediaplayer.min.js.
It looks like I have to look into it further.
-
SnehaAgrawal-MSFT 22,706 Reputation points Moderator
2023-05-15T07:54:23.4933333+00:00 @Phong Tsan Quay Thanks for reply! There is a “language” option you can pass to AMP during initialization, you can see a sample of that here: Azure Media Player
Let us know.
-
Phong Tsan Quay 0 Reputation points
2023-05-16T04:14:01.0166667+00:00 @SnehaAgrawal-MSFT I did use the "language" option, almost texts are translated successfully, except for the phrase "Press space key to play/pause the video". You can see my image below
Sign in to comment
Sign in to answer