diff options
| author | Razvan Caliman <razvan.caliman@gmail.com> | 2015-12-03 09:43:32 +0000 |
|---|---|---|
| committer | Razvan Caliman <razvan.caliman@gmail.com> | 2015-12-03 09:43:32 +0000 |
| commit | b49664621f2a4ecb683a952e4dee86be2258453f (patch) | |
| tree | dc5076986726cb3842723dca025862b529410597 | |
| parent | 6949ebc762ca993b3f8b34b46dead40a15b30e82 (diff) | |
| download | fosdem-2018-presentation-b49664621f2a4ecb683a952e4dee86be2258453f.tar fosdem-2018-presentation-b49664621f2a4ecb683a952e4dee86be2258453f.tar.gz | |
add option to mute background videos (updated)
| -rw-r--r-- | README.md | 4 | ||||
| -rw-r--r-- | js/reveal.js | 5 |
2 files changed, 7 insertions, 2 deletions
@@ -448,8 +448,8 @@ Slides are contained within a limited portion of the screen by default to allow <section data-background="http://example.com/image.png" data-background-size="100px" data-background-repeat="repeat"> <h2>This background image will be sized to 100px and repeated.</h2> </section> -<section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-video-loop> - <h2>Video. Multiple sources can be defined using a comma separated list. Video will loop when the data-background-video-loop attribute is provided.</h2> +<section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-video-loop data-background-video-muted> + <h2>Video. Multiple sources can be defined using a comma separated list. Video will loop when the data-background-video-loop attribute is provided and can be muted with the data-background-video-muted attribute.</h2> </section> <section data-background-iframe="https://slides.com"> <h2>Embeds a web page as a background. Note that the page won't be interactive.</h2> diff --git a/js/reveal.js b/js/reveal.js index da1a60a..e25337e 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -2873,6 +2873,7 @@ var backgroundImage = slide.getAttribute( 'data-background-image' ), backgroundVideo = slide.getAttribute( 'data-background-video' ), backgroundVideoLoop = slide.hasAttribute( 'data-background-video-loop' ), + backgroundVideoMuted = slide.hasAttribute( 'data-background-video-muted' ), backgroundIframe = slide.getAttribute( 'data-background-iframe' ); // Images @@ -2887,6 +2888,10 @@ video.setAttribute( 'loop', '' ); } + if( backgroundVideoMuted ) { + video.muted = true; + } + // Support comma separated lists of video sources backgroundVideo.split( ',' ).forEach( function( source ) { video.innerHTML += '<source src="'+ source +'">'; |