Как остановить загрузку и воспроизведение видео в приложении SPA, при переходе к другой странице?

Question

[Yoshimoto]

Есть приложение созданное по технологии SPA с помощью Framework7+Vue. На одной странице есть видео. Нужно, чтобы загрузка видео и воспроизведение останавливались, при переходе к другой странице.
Ткните где почитать об этом, или дайте совет в каком направлении искать.
Заранее спасибо.

Answer 1

[RaulDuke]

Что-то такое?

router.beforeEach((to, from, next) => {
  if (from.matched.some(record => record.meta.hasMultimedia)) {
    stopAllPlayings();
    next();
  } else next();
});

const routes = [
  {
    path: '/funnyCatsVideos',
    component: require('./views/funny-cats-videos.vue'),
    name: 'videos',
    meta: { hasMultimedia: true }
  },

Answer 2

[Evgeny Kulakov]

Зависит от способа навигации в приложении. Если используется vuerouter, то можно попробовать использовать хуки: https://router.vuejs.org/ru/advanced/navigation-gu...

Comments

[Yoshimoto]

Проблема в том, что vue-router не импортирован. При попытке использовать что-то вида router.* происходит ошибка.

[Evgeny Kulakov]

Vue-router используется все-таки? Может он статически импортирован. Можно назначить beforeLeave хук прямо к маршруту данной страницы и в нем делать остановку воспроизведения. За подробности в доку по роутеру.

[Yoshimoto]

Evgeny Kulakov: спасибо за наводку! Буду пробовать.