Remark: 슬라이드가 열릴 때 비디오 자동 재생

가능한 해결 방법

슬라이드가 표시될 때 시작 시간 0부터 모든 비디오를 자동 재생하는 다음 코드를 사용하고 있습니다. 나를 위해 잘 작동합니다!

  var slideElements

  function getElementForSlide(slide) {
    slideElements = slideElements || document.querySelectorAll('.remark-slide')
    return slideElements[slide.getSlideIndex()]
  }

  slideshow.on('showSlide', function (slide) {
    Array.from(getElementForSlide(slide).querySelectorAll('video')).forEach(function (vid) {
      vid.loop = true
      vid.currentTime = 0
      vid.play()
    })
  })

  slideshow.on('hideSlide', function (slide) {
    Array.from(getElementForSlide(slide).querySelectorAll('video')).forEach(function (vid) {
      vid.pause()
    })
  })

감사합니다. 이것은 제가 링크한 해결 방법보다 훨씬 가볍습니다.

이는 <audio> 태그에도 적용되어야 합니다.
내가 아는 한 동일한 속성( .loop , .currentTime , .play , .pause , ... )을 사용합니다.

.querySelectorAll('video, audio')

일을 하는 것 같습니다.

@nolanlawson
이 코드를 어디에 추가해야 합니까?

질문은 두 링크 모두에 대한 답변이므로 문제를 종료합니다.

@nolanlawson 솔루션의 약간 개선된 버전:

• 자동 재생 플래그로서의 데이터 속성
• 발표자 모드에서 비디오 음소거

let slideElements;
const body = document.body;
function getElementForSlide(slide) {
    slideElements = slideElements || document.querySelectorAll('.remark-slide');
    return slideElements[slide.getSlideIndex()];
}
slideshow.on('showSlide', (slide) => {
    getElementForSlide(slide).querySelectorAll('video').forEach((vid) => {
        if (body.classList.contains('remark-presenter-mode')) {
            vid.muted = true;
        }
        if (vid.attributes['data-autoplay'].value === 'true') {
            vid.play();
        }
    });
});
slideshow.on('hideSlide', (slide) => {
    getElementForSlide(slide).querySelectorAll('video').forEach((vid) => {
        vid.pause();
    });
});