bg videos remain muted on mobile, otherwise broken when navigating with swipe gestures
parent
2fccb77405
commit
9ff27cfbc9
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -36,7 +36,7 @@
|
||||||
<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" data-autoplay></video>
|
<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" data-autoplay></video>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section data-background-video="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" data-background-video-muted>
|
<section data-background-video="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">
|
||||||
<h2>Background Video</h2>
|
<h2>Background Video</h2>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
@ -68,7 +68,7 @@
|
||||||
|
|
||||||
<script src="../dist/reveal.js"></script>
|
<script src="../dist/reveal.js"></script>
|
||||||
<script>
|
<script>
|
||||||
Reveal.initialize();
|
Reveal.initialize({hash: true});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -117,7 +117,12 @@ export default class SlideContent {
|
||||||
}
|
}
|
||||||
|
|
||||||
// Enable inline playback in mobile Safari
|
// Enable inline playback in mobile Safari
|
||||||
|
//
|
||||||
|
// Mute is required for video to play when using
|
||||||
|
// swipe gestures to navigate since they don't
|
||||||
|
// count as direct user actions :'(
|
||||||
if( isMobile ) {
|
if( isMobile ) {
|
||||||
|
video.muted = true;
|
||||||
video.setAttribute( 'playsinline', '' );
|
video.setAttribute( 'playsinline', '' );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue