Мое решение jQuery работает, но оно немного хакерское. Документация не хватает информации и примеров.
Документы здесь: https://amp.azure.net/libs/amp/latest/docs/index.html#amp.player.controls
Мое решение:
$(".azuremediaplayer").hover(function () { $(".vjs-control-bar").css({ "visibility": "visible", "opacity": "1" }) }, function () { $(".vjs-control-bar").css({ "visibility": "hidden", "opacity": "0" }) })
Для вашего требования вы можете использовать следующие подходы:
amp.player.options.controls
var myOptions = { "nativeControlsForTouch": true, controls: true, //set to true autoplay: true, width: "640", height: "400", } myPlayer = amp("azuremediaplayer", myOptions); myPlayer.src([ {"src":"https://sec.ch9.ms/ch9/cf2b/d75f604a-e59f-46f2-81d3-4ec1473ecf2b/AzureFridayGetStartedWithAzureFor_mid.mp4"} ]);
amp.player.controls
myPlayer = amp("azuremediaplayer", myOptions); myPlayer.controls(true);
Более того, для более простого способа вы можете посетить здесь , чтобы настроить свои параметры и получить код игрока.