Azure Media Player отображает элементы управления при наведении или наведении курсора - PullRequest
0 голосов
/ 08 мая 2018

Мое решение 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"
    })
})

1 Ответ

0 голосов
/ 23 мая 2018

Для вашего требования вы можете использовать следующие подходы:

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);

Более того, для более простого способа вы можете посетить здесь , чтобы настроить свои параметры и получить код игрока.

...