loadVideo () + setCurrentTime () в одном событии onclick

Question

loadVideo () + setCurrentTime () в одном событии onclick

Для этого вопроса многие из ответов, которые я видел, неуклюжи, сложны в реализации и неэффективны, поэтому я подумал, что сделаю это, и придумаю мое собственное решение, которое всего лишь крошечный бит css и html

html,
body {
  height: 100%;
  margin: 0;
}
.body {
  min-height: calc(100% - 2rem);
  width: 100%;
  background-color: grey;
}
.footer {
  height: 2rem;
  width: 100%;
  background-color: yellow;
}

<body>
  <div class="body">test as body</div>
  <div class="footer">test as footer</div>
</body>

работает, устанавливая высоту нижнего колонтитула, а затем используя css calc для определения минимальной высоты страницы с нижним колонтитулом все еще внизу, надеюсь, что это поможет некоторым людям:)

0

vimeo-api javascript vimeo

задан PM 77-1 18 January 2019 в 14:06

2 ответа

Другие вопросы по тегам:

vimeo-api javascript vimeo

Похожие вопросы:

score 0 · Answer 1

Все ваши звонки являются Обещаниями . Вам нужно будет дождаться успешного возврата каждого запроса, прежде чем делать следующий. Вот пример для вас

var player = new Vimeo.Player('player', { id:76979871, muted: true });
player.loadVideo(309565369).then(function(id) {
    player.setCurrentTime(30).then(function(seconds) {
        player.play().then(function() {
            console.log('the video was played');
        }).catch(function(error) {
            console.log(error);
        });
    }).catch(function(error) {
        console.log(error);
    });
}).catch(function(error) {
    console.log(error);
});

score 0 · Answer 2

как упомянуто ранее об обещании. Все, что вам нужно, это дождаться завершения методов. Кроме того, чтобы написать и поймать как старый способ, я могу рекомендовать Async Await способ, который является более читабельным Вы можете увидеть следующее

const playVideo = async (id, time) => {
   try {
     await player.loadVideo(id);
     await player.setCurrentTime(time);
     await player.play();
   } catch (err) {
     console.log(err);
   } 
}
onclick="playVideo(309565369, 5)"