Added option to loop background videos
This commit is contained in:
parent
ce8ea84393
commit
00fa1c818d
|
@ -427,8 +427,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">
|
||||
<h2>Video. Multiple sources can be defined using a comma separated list.</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>
|
||||
<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>
|
||||
<section data-background-iframe="https://slides.com">
|
||||
<h2>Embeds a web page as a background. Note that the page won't be interactive.</h2>
|
||||
|
|
|
@ -2590,6 +2590,7 @@
|
|||
|
||||
var backgroundImage = slide.getAttribute( 'data-background-image' ),
|
||||
backgroundVideo = slide.getAttribute( 'data-background-video' ),
|
||||
backgroundVideoLoop = slide.hasAttribute( 'data-background-video-loop' ),
|
||||
backgroundIframe = slide.getAttribute( 'data-background-iframe' );
|
||||
|
||||
// Images
|
||||
|
@ -2599,6 +2600,9 @@
|
|||
// Videos
|
||||
else if ( backgroundVideo && !isSpeakerNotes() ) {
|
||||
var video = document.createElement( 'video' );
|
||||
if ( backgroundVideoLoop ) {
|
||||
video.setAttribute( 'loop', '' );
|
||||
}
|
||||
|
||||
// Support comma separated lists of video sources
|
||||
backgroundVideo.split( ',' ).forEach( function( source ) {
|
||||
|
|
Loading…
Reference in New Issue