<!DOCTYPE html>
<!-- X3 website by www.photo.gallery -->
<html><head><meta charset="utf-8"><title>Video Intro Plugin</title><meta name="description" content="The video-intro plugin allows you to add a video at the top of page."><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="canonical" href="https://entrerios.satsaid.com.ar/galeria/examples/plugins/video-intro/"><link rel="dns-prefetch" href="//auth.photo.gallery"><link rel="dns-prefetch" href="//cdn.jsdelivr.net"><meta property="og:title" content="Video Intro Plugin"><meta property="og:description" content="The video-intro plugin allows you to add a video at the top of page."><meta property="og:url" content="https://entrerios.satsaid.com.ar/galeria/examples/plugins/video-intro/"><meta property="og:type" content="website"><meta property="og:updated_time" content="1777571531"><meta property="og:image" content="https://entrerios.satsaid.com.ar/galeria/content/examples/plugins/video-intro/preview.jpg"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1280" /><meta property="og:image:height" content="720" /><link rel="icon" href="/galeria/content/custom/favicon/favicon.png"><link href="https://entrerios.satsaid.com.ar/galeria/feed/" type="application/atom+xml" rel="alternate" title="Atom Feed"><script>
var css_counter = 0;
function imagevue_(){
	css_counter ++;
	if(css_counter === 1) imagevue();
};
function cssFail(){
	css_counter --;
	var l = document.createElement('link');
	l.onload = imagevue_;
	l.rel = 'stylesheet';
	l.id = 'black';
	l.href = '/galeria/app/public/css/3.30.1/x3.skin.black.css';
	document.getElementsByTagName('head')[0].appendChild(l);
}
</script><link rel="stylesheet" id="black" href="https://cdn.jsdelivr.net/npm/x3.photo.gallery@3.30.1/css/x3.skin.black.css" onerror="cssFail();"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic"><style id="default-fonts"><!-- body,h1,h2,h3,h4,h5,h6 {font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;} --></style><style id="logo"><!-- .logo {font-size: 2.125em; padding: 1em 0; margin-top: 0em;}.logo > img {width: 230px; } --></style><style id="x3app"></style></head><body class="fa-loading initializing topbar-float black topbar-fixed clear x3-page slug-video-intro page-examples-plugins-video-intro" data-include=""><div class="x3-loader" title="loading"></div><div class="sb-site-container"><div><header class="header"><div class="nav-wrapper"><nav class="nav"><div class="logo-wrapper"><a href="/galeria/" class="logo ">SATSAID Entre Ríos</a></div><ul class="menu slim"><li><a href="/galeria/" class="needsclick">Home</a></li><li class="has-dropdown" data-options="mega:carousel;items:title,amount,preview,description;carousel_amount:3;"><a href="/galeria/galleries/" class="needsclick node">Galleries</a><ul class="dropdown"><li data-options="mega:;title:Colonia;description:;preview:/content/galleries/colonia/018.jpg;amount:39;"><a href="/galeria/galleries/colonia/" class="needsclick">Colonia</a></li><li data-options="mega:;title:Sweet Landscapes;description:A few images displaying in a vertical layout.;preview:/content/galleries/landscapes/ridge.jpg;amount:6;"><a href="/galeria/galleries/landscapes/" class="needsclick">Landscapes</a></li><li data-options="mega:;title:Mother Nature;description:A few images displaying in a justified grid.;preview:/content/galleries/nature/butterfly.jpg;amount:20;"><a href="/galeria/galleries/nature/" class="needsclick">Nature</a></li><li data-options="mega:;title:Femme Fatale;description:A few images displaying in a columns grid.;preview:/content/galleries/femme/swirl.jpg;amount:26;"><a href="/galeria/galleries/femme/" class="needsclick">Femme</a></li><li data-options="mega:;title:Eternal Style;description:A few images displaying in a standard grid.;preview:/content/galleries/style/typewriter.jpg;amount:9;"><a href="/galeria/galleries/style/" class="needsclick">Style</a></li><li data-options="mega:;title:Food Lover;description:A few images displaying in a slideshow.;preview:/content/galleries/food/coffee-n-cookies.jpg;amount:6;"><a href="/galeria/galleries/food/" class="needsclick">Food</a></li><li data-options="mega:;title:Human Moods;description:A few images displaying in a carousel.;preview:/content/galleries/human/2.spectacles.jpg;amount:9;"><a href="/galeria/galleries/human/" class="needsclick">Human</a></li></ul></li><li class="has-dropdown" data-options="mega:list;title:Examples;description:A variety of page examples.;preview:/content/examples/assets/american-football.jpg;"><a href="/galeria/examples/" class="needsclick node">Examples</a><ul class="dropdown"><li class="has-dropdown" data-options="mega:;title:Gallery Layouts;description:Demonstrating several gallery layout examples.;preview:/content/examples/assets/blossom.jpg;"><a href="/galeria/examples/gallery/" class="needsclick node">Gallery</a><ul class="dropdown"><li data-options="mega:;title:Vertical Layout;description:Vertical gallery images in a narrow layout.;preview:/content/examples/assets/carneval.jpg;"><a href="/galeria/examples/gallery/vertical/" class="needsclick">Vertical</a></li><li data-options="mega:;title:Grid Layout;description:A basic grid layout, which gracefully responds to screen size.;preview:/content/examples/assets/city-lights.jpg;"><a href="/galeria/examples/gallery/grid/" class="needsclick">Grid</a></li><li data-options="mega:;title:Justified Layout;description:The justified layout scales images neatly into rows.;preview:/content/examples/assets/corn-field.jpg;"><a href="/galeria/examples/gallery/justified/" class="needsclick">Justified</a></li><li data-options="mega:;title:Columns Layout;description:The columns layout stacks images into columns.;preview:/content/examples/assets/crispy-chocolate.jpg;"><a href="/galeria/examples/gallery/columns/" class="needsclick">Columns</a></li><li data-options="mega:;title:Slideshow Layout;description:The slideshow layout comes with many settings.;preview:/content/examples/assets/earrings.jpg;"><a href="/galeria/examples/gallery/slideshow/" class="needsclick">Slideshow</a></li><li data-options="mega:;title:Carousel Layout;description:The carousel method displays multiple items in a carousel-like layout.;preview:/content/examples/assets/headphones.jpg;"><a href="/galeria/examples/gallery/carousel/" class="needsclick">Carousel</a></li><li data-options="mega:;title:Auto Popup;description:Use the popup auto-open setting to instantly open first gallery image in popup on page load.;preview:/content/examples/assets/sunflower-bee.jpg;"><a href="/galeria/examples/gallery/auto-popup/" class="needsclick">Auto Popup</a></li><li data-options="mega:;title:Screenbox;description:Screenbox combined with the vertical layout, where each image is scaled to fit within viewport.;preview:/content/examples/assets/beach.jpg;"><a href="/galeria/examples/gallery/screenbox/" class="needsclick">Screenbox</a></li></ul></li><li class="has-dropdown" data-options="mega:;title:Gallery Variations;description:Demonstrating a few more gallery layout variations.;preview:/content/examples/assets/rosy-red.jpg;"><a href="/galeria/examples/variations/" class="needsclick node">Variations</a><ul class="dropdown"><li data-options="mega:;title:Vertical Split;description:Using split-view in combination with the vertical layout.;preview:/content/examples/assets/puppy.jpg;"><a href="/galeria/examples/variations/split/" class="needsclick">Vertical Split</a></li><li data-options="mega:;title:Grid Tooltip;description:A small grid using 200 px column width and tooltips enabled.
;preview:/content/examples/assets/face.jpg;"><a href="/galeria/examples/variations/grid-tooltip/" class="needsclick">Grid Tooltip</a></li><li data-options="mega:;title:Justified Comfy;description:A justified layout with larger images, more space, frames and captions.;preview:/content/examples/assets/straight-road.jpg;"><a href="/galeria/examples/variations/justified/" class="needsclick">Justified Comfy</a></li><li data-options="mega:;title:Columns Comfy;description:A columns layout with larger images, more space and frames.;preview:/content/examples/assets/turbines.jpg;"><a href="/galeria/examples/variations/columns/" class="needsclick">Columns Comfy</a></li><li data-options="mega:;title:Slideshow Cover;description:Slideshow layout in cover-mode, starts fullscreen, with dot-nav and crossfade transitions.;preview:/content/examples/assets/tracks.jpg;"><a href="/galeria/examples/variations/slideshow/" class="needsclick">Slideshow Cover</a></li><li data-options="mega:;title:Carousel Height;description:Optional Carousel layout limited by height, without cropping images.;preview:/content/examples/assets/felagi.jpg;"><a href="/galeria/examples/variations/carousel/" class="needsclick">Carousel Height</a></li><li data-options="mega:;title:Crop Images;description:Cropping images to specific aspect ratios is necessary for some layouts. It can also be used to create stylish layouts.;preview:/content/examples/assets/skies.jpg;"><a href="/galeria/examples/variations/crop/" class="needsclick">Crop Images</a></li><li data-options="mega:;title:Carousel Tabs;description:Use carousel tabs in combination with split-view to display gallery images in a linear context.;preview:/content/examples/assets/turntable.jpg;"><a href="/galeria/examples/variations/carousel-tabs/" class="needsclick">Carousel Tabs</a></li></ul></li><li class="has-dropdown" data-options="mega:;title:Folder Layouts;description:Demonstrating several folder (album) layout examples.;preview:/content/examples/assets/wheat.jpg;"><a href="/galeria/examples/folders/" class="needsclick node">Folders</a><ul class="dropdown"><li data-options="mega:;title:Vertical Split Layout;description:Split the image and context into two side-by-side columns.;preview:/content/examples/assets/city-lights.jpg;"><a href="/galeria/examples/folders/vertical-split/" class="needsclick">Vertical Split</a></li><li data-options="mega:;title:Folders Grid;description:Using the grid, which gracefully responds to screen width.;preview:/content/examples/assets/layered-cake.jpg;"><a href="/galeria/examples/folders/grid/" class="needsclick">Grid</a></li><li data-options="mega:;title:Folders Justified;description:A basic example of the justified layout method applied to folders.;preview:/content/examples/assets/prickly.jpg;"><a href="/galeria/examples/folders/justified/" class="needsclick">Justified</a></li><li data-options="mega:;title:Folder Columns;description:Use the columns method to create a vertical masonry-style layout.;preview:/content/examples/assets/corn-field.jpg;"><a href="/galeria/examples/folders/columns/" class="needsclick">Columns</a></li><li data-options="mega:;title:Carousel Tabs;description:Use carousel tabs in combination with split-view to display child pages in a linear context.;preview:/content/examples/assets/sunflower-bee.jpg;"><a href="/galeria/examples/folders/carousel-tabs/" class="needsclick">Carousel Tabs</a></li><li data-options="mega:;title:Folders Grid List;description:Split grid layout combination.;preview:/content/examples/assets/madrid.jpg;"><a href="/galeria/examples/folders/list/" class="needsclick">List</a></li></ul></li><li class="has-dropdown" data-options="mega:;title:Features;description:A few examples, demonstrating specific features.;preview:/content/examples/assets/buffet.jpg;"><a href="/galeria/examples/features/" class="needsclick node">Features</a><ul class="dropdown"><li data-options="mega:;title:Sample Content;description:Various sample content examples.;preview:/content/examples/assets/fujifilm.jpg;"><a href="/galeria/examples/features/sample/" class="needsclick">Sample Content</a></li><li data-options="mega:;title:Blog Post;description:An example of a typical blog post.;preview:/content/examples/assets/toscana.jpg;"><a href="/galeria/examples/features/post/" class="needsclick">Blog Post</a></li><li data-options="mega:;title:Image GPS and Exif;description:Display exif meta data and maps for images that contain GPS location data.;preview:/content/examples/features/exif/1.thailand.jpg;"><a href="/galeria/examples/features/exif/" class="needsclick">Image GPS & Exif</a></li><li data-options="mega:;title:Image Links;description:Link to other pages or websites directly from your images. This feature may be useful for portfolio- or product pages.;preview:/content/examples/features/image-links/1.flamepix.jpg;"><a href="/galeria/examples/features/image-links/" class="needsclick">Image Links</a></li><li data-options="mega:;title:Html Captions;description:It's cool to use some html in your image titles and descriptions!;preview:/content/examples/features/captions/1.spectacles.jpg;"><a href="/galeria/examples/features/captions/" class="needsclick">Html Captions</a></li><li data-options="mega:;title:www.photo.gallery;description:Use the link setting to link- and redirect the page to any url.;preview:/content/examples/assets/playball.jpg;"><a href="https://www.photo.gallery" class="needsclick no-ajax is-link" target="_blank">External Link  <i class="fa fa-external-link-square"></i></a></li><li data-options="mega:;title:Popup Link;description:Using the link-feature combined with popup, allows you to open menu links in a popup interface.;preview:/content/examples/features/popup-link/preview.jpg;"><a href="https://www.youtube.com/embed/G46ygBKsTZI" class="needsclick is-link" data-popup>Popup Link  <i class="fa fa-external-link-square"></i></a></li></ul></li><li class="has-dropdown" data-options="mega:;title:Plugins;description:X3 offers a range of plugins that are available for pages, or in your content.;preview:/content/galleries/landscapes/mountains.jpg;"><a href="/galeria/examples/plugins/" class="needsclick node">Plugins</a><ul class="dropdown"><li data-options="mega:;title:Panorama Plugin;description:Display spherical equirectangular, multi-level cube, and flat multi-resolution gigapixel images with the X3 panorama plugin.;preview:/content/examples/plugins/panorama/ballroom.jpg;"><a href="/galeria/examples/plugins/panorama/" class="needsclick">Panorama</a></li><li data-options="mega:;title:Intro Image;description:Attach an image as an introduction to the page.;preview:/content/examples/plugins/intro-image/background.jpg;"><a href="/galeria/examples/plugins/intro-image/" class="needsclick">Intro Image</a></li><li data-options="mega:;title:Intro Gradient;description:Use the intro-plugin to attach a solid color or gradient as introduction to the page.;preview:/content/galleries/landscapes/antarctica.jpg;"><a href="/galeria/examples/plugins/intro-gradient/" class="needsclick">Intro Gradient</a></li><li data-options="mega:;title:Slideshow Intro;description:An example using the gallery slideshow set to &quot;use as intro&quot; for a nice start-page effect.;preview:/content/examples/assets/wayback.jpg;"><a href="/galeria/examples/plugins/slideshow-intro/" class="needsclick">Slideshow Intro</a></li><li data-options="mega:;title:Video Intro Plugin;description:The video-intro plugin allows you to add a video at the top of page.;preview:/content/examples/plugins/video-intro/preview.jpg;"><a href="/galeria/examples/plugins/video-intro/" class="needsclick">Video Intro</a></li><li data-options="mega:;title:Image Comparison Slider;description:A content plugin to interactively compare two images visually.;preview:/content/examples/plugins/comparison-slider/preview.jpg;"><a href="/galeria/examples/plugins/comparison-slider/" class="needsclick">Comparison Slider</a></li><li data-options="mega:;title:Content Carousel Plugin;description:Use the content carousel plugin to add html elements in an interactive carousel.;preview:/content/galleries/landscapes/hills.jpg;"><a href="/galeria/examples/plugins/carousel/" class="needsclick">Content Carousel</a></li><li data-options="mega:;title:Popup Links;description:X3 uses the popup for galleries, but you can also use it to display images and media in your page content. The X3 popup is perfect for images, but can also be used for videos and html content.;preview:/content/examples/plugins/popup/ocean-1.jpg;"><a href="/galeria/examples/plugins/popup/" class="needsclick">Popup Links</a></li></ul></li></ul></li><li data-options="mega:data;items:contactform,hr,icon-buttons;width:320;"><a href="/galeria/contact/" class="needsclick">Contact</a><div class="hide"><form data-abide class="contactform"><div><input required type="text" name="name" placeholder="Name"></div><div><input required type="email" name="email" placeholder="Email"></div><div><textarea required name="message" placeholder="What's up?"></textarea></div><button type="submit">Send</button></form><hr><div class="menu-icon-buttons"></div></div></li></ul></nav></div></header><main class="main" id="content"><div class="module row"><div class="clearfix context small-12 medium-10 large-8 small-centered columns title-normal narrower context-left-header-center" ><h1 class="title style-icon"><span>Video Intro Plugin</span></h1><h2 class="subheader">The video-intro plugin allows you to add a video at the top of page.</h2><div class="content"><hr /><h2>Instructions</h2><p>To add a video-background to any page, simply upload an mp4 video file, and navigate to <strong><em>page › settings › plugins › video background</em></strong> and set the video source.</p><p><strong>Video Source</strong><br />
If you have uploaded the video file into the same folder, then simply add the filename, for example <code>myvideo.mp4</code>. Optionally, you can use an absolute link to an external mp4 video file, or a root-relative path to an mp4 file in another folder. * <em>Adding a video source effectively enables the video-background plugin.</em></p><h2>Optional Settings</h2><p><code>Menu Style</code><br />
Since the main menu is overlaying the video, we use the <em>menu-absolute-20</em> style by default to make sure the menu remains visible. You can choose another style or set default/none.</p><p><code>Height</code> [0-100%]<br />
Set the height of your video-background as a percentage value of the screens visible viewport. By default, this value is set to 100, which sets the video to cover the entire visible stage area.</p><p><code>Disable for mobile devices</code><br />
Disable the video intro for mobile devices, and instead displays a normal image. Useful if your video does not look nice when cropped in mobile device screen aspects.</p><p><code>Autoplay</code><br />
Sets the video to autoplay once it is partially loaded.</p><p><code>Toggleplay</code><br />
Displays a small play/pause button at the bottom of the video. It is strongly recommended to keep this button enabled, for visitors with motion-disorientation, autism and for many other reasons a visitor may not wish to download- and view a video in loop.</p><p><code>Loop</code><br />
Sets the video to loop.</p><p><code>Muted</code><br />
Mutes the video (no audio). <em>This setting is required for autoplay on mobile devices.</em></p><p><code>Hide Context</code><br />
A shortcut to entirely hide all the context of the page.</p><p><code>Hide Footer</code><br />
A shortcut to hide the footer for this specific page.</p><p><code>Show Scroll Button</code><br />
Adds a "down" button at the bottom of video intro, which hints to the visitor that there is more content below the intro. When the button is clicked, the page will scroll to the bottom of video, effectively displaying the content below. This feature is useful for intro's set to 100% height, when it's important that the visitor is made aware that there is more page content below the video.<em>* The button will appear one second after page intro loads.</em></p><h2>Limitations</h2><p>Background-video can be a useful feature, but there are many limitations you should to be aware of.</p><div class=x-list><ul><li><strong>Autoplay limitations</strong><br>Some visitors may have disabled autoplay in their browser, in which case the video simply won't autoplay. Furthermore, many old mobile devices don't allow autoplay. To allow mobile devices to autoplay video, you must have the "muted" setting checked.</li><li><strong>Video Cropped</strong><br>As you may understand, for a <em>background</em> video to display nicely at any height, on any device, on any screen aspect, the video may be <em>cropped</em> appropriately to 'fit' the designated stage area.</li><li><strong>Does not work for sidebar layout</strong><br>Because of the huge technical difference of this layouts, the video background plugin currently only works for the topbar- and slidemenu layouts.</li><li><strong>H.264 encoded mp4 format</strong><br>Video in HTML5 is limited by various file formats and codecs. To be sure that your video displays properly across all browsers, the video should be encoded in H.264 codec, in mp4 format <a href="http://caniuse.com/#feat=mpeg4">[ref]</a>.</li><li><strong>2MB Upload Limit</strong><br>Your host <em>may</em> have a 2MB upload limitation, in which case you would need to upload large video files by FTP into appropriate folders.</li><li><strong>Browser remembers play-state</strong><br>If a visitor clicks to "pause" the video, the video will also be paused next time the page loads. This is just common sense.</li><li><strong>Results of slow internet</strong><br>If your video file is large, and the visitor is on a relatively slow connection, they may see the video start- and stop frequently while buffering.</li><li><strong>Loop stitch</strong><br>Don't expect the video loop to stich seamlessly on all browsers, even if your video is made to do so. Depending on the browser, it might take several milliseconds before the video starts re-playing.</li></ul></div><h2>Recommendations</h2><p>The background-video plugin is intended to be used as a motion-background to compliment the page content. Don't use video just because you can or because it looks nice. We recommend using a short, subtle video loop, without sound, lasting only a few seconds, and compressed at acceptable file size.</p><h2>Useful links</h2><p><a href="http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video#considerations">thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video</a><br /><a href="http://www.sitepoint.com/designing-with-video-background">sitepoint.com/designing-with-video-background</a><br /><a href="http://www.punkchip.com/autoplay-is-still-bad-for-all-users">punkchip.com/autoplay-is-still-bad-for-all-users</a></p></div><hr class="module-separator" /></div></div><div class="pagenav pagenav-static"><a href="/galeria/examples/plugins/slideshow-intro/" class="pagenav-link pagenav-prev"><span class="pagenav-text">Slideshow Intro</span></a><a href="/galeria/examples/plugins/comparison-slider/" class="pagenav-link pagenav-next" title="Image Comparison Slider"><span class="pagenav-text">Comparison Slider</span></a></div></main></div></div><footer class="footer"><div class="icon-buttons hover-color hover-title"><a href="https://www.facebook.com/imagevue"></a><a href="https://twitter.com/imagevue"></a><a href="https://www.photo.gallery" data-icon="asterisk" data-color="#78A64F" title="X3 Photo Gallery"></a><a href="/contact/" title="Contact me"></a></div><p>&copy; 2026 <a href="/galeria/">entrerios.satsaid.com.ar/galeria</a></p><p class="x3-footer-link"><span data-nosnippet>X3 Image Gallery CMS by <a href="https://www.photo.gallery">www.photo.gallery</a></span></p></footer><script>
var x3_settings = {"title":null,"label":null,"description":null,"date":null,"image":null,"seo":{"title":null,"description":null,"keywords":null,"robots":null},"link":{"url":null,"target":"auto","width":600,"height":500,"content":false,"popup_class":null},"menu":{"items":null,"type":"normal","width":320,"hide":false,"hide_children":false,"hide_children_mobile":false,"limit":0,"click_toggle":false,"nolink":false,"list":null,"carousel_amount":3,"carousel_items":"title,amount,preview,description","data_items":"contactform,hr,icon-buttons","crop":{"enabled":true,"crop":[3,2]},"classes":null},"body":null,"layout":{"items":"context,folders,gallery","disqus":false,"classes":null,"width":"width-default"},"context":{"items":"title,description,content","hide":false,"text_align":"context-left-header-center","classes":null,"width":"narrower","crop":{"enabled":true,"crop":[2,1]},"caption":{"enabled":false,"items":"title,date","hover":false,"align":"caption-bottom-left"}},"folders":{"hide":false,"items":"title,amount,folders_amount,description,preview","width":"wide","sortby":"custom","sort":"asc","title_size":"small","assets":null,"text_align":"module-center","classes":"frame","limit":0,"split":{"enabled":false,"ratio":6,"invert":true},"crop":{"enabled":false,"crop":[3,2]},"caption":{"enabled":false,"items":"description","hover":false,"align":"caption-bottom-left"},"tooltip":{"enabled":false,"items":"title,description"},"layout":"justified","vertical":{"scrollnav":true,"horizontal_rule":true},"grid":{"use_width":false,"columns":"3,2,1","column_width":300,"space":-1},"justified":{"row_height":300,"space":10,"small_disabled":true},"columns":{"use_width":true,"column_width":300,"columns":3,"space":-1},"carousel":{"use_height":false,"amount":3,"target_height":300,"margin":1,"lazy":true,"interval":0,"show_timer":true,"background":false,"nav":true,"tabs":false,"tabs_position":"top","loop":true}},"gallery":{"hide":false,"items":"preview","width":"width-default","assets":null,"text_align":"module-center","classes":"frame,hover","sortby":"name","sort":"asc","title_size":"normal","limit":0,"clickable":true,"split":{"enabled":false,"ratio":6,"invert":true},"crop":{"enabled":false,"crop":[3,2]},"caption":{"enabled":false,"items":"title","hover":false,"align":"caption-bottom-left"},"tooltip":{"enabled":false,"items":"title,description"},"layout":"justified","vertical":{"scrollnav":true,"horizontal_rule":true},"grid":{"use_width":false,"columns":"3,2,1","column_width":300,"space":-1},"justified":{"row_height":300,"space":10,"small_disabled":false},"columns":{"use_width":true,"column_width":300,"columns":3,"space":-1},"slideshow":{"background":false,"menu_style":"menu-absolute-20","button_down":false,"button_down_remove":true,"hide_context":false,"hide_footer":false,"height":"100%","ratio":null,"nav":"none","fit":"cover","transition":"slide","transition_mobile_slide":true,"duration":500,"captions":false,"captions_hover":false,"loop":false,"autoplay":true,"interval":4000,"start_fullscreen":false,"toggle_play":true,"fullscreen_button":"auto","arrows":true,"click":true,"stopautoplayontouch":true,"keyboard":true,"swipe":true,"hash":false,"show_timer":true},"carousel":{"use_height":false,"amount":3,"target_height":300,"margin":1,"lazy":true,"interval":0,"show_timer":true,"background":false,"nav":true,"tabs":false,"tabs_position":"top","loop":true},"image":{"title":null,"title_include":"default","description":null,"description_include":"default","link":null,"link_target":"auto","popup_width":600,"popup_height":500},"embed":null},"content":null,"plugins":{"chat":{"x3_control":true,"mobile":false,"load":false},"image_background":{"enabled":false,"src":null,"custom_height":true,"height":"80%","size":"cover","fixed":false,"position":"50% 50%","below_menu":true,"menu_style":"menu-absolute-20","page_meta_title":true,"page_meta_description":true,"page_meta_content":false,"page_meta_scrollfade":true,"button_down":false,"button_down_remove":true,"hide_context":false,"hide_footer":false},"background":{"enabled":false,"src":null,"color":null,"attach":"page","menu_style":null,"fixed":false,"size":"100%","repeat":"repeat","position":"50% 0%"},"video_background":{"src":null,"disable_mobile":false,"poster_mobile":null,"menu_style":"menu-absolute-20","height":100,"autoplay":true,"toggleplay":true,"loop":true,"muted":true,"button_down":false,"button_down_remove":true,"hide_context":false,"hide_footer":false},"fotomoto":{"enabled":false,"store_id":null,"enabled_page":false,"collection":null,"buy_button":true,"buy_button_text":"Buy","buy_button_popup":"mobile","mobile_disabled":true},"audioplayer":{"enabled":true,"autoplay":true,"loop":true,"volume":1,"shuffle":false,"disabled_mobile":true,"folders":true},"disqus":{"image":true},"pagenav":{"hide_root":true,"hide_has_children":false,"position":"fixed-bottom","autohide":true},"cookie_consent":{"enabled":false,"location":true,"inherit_font":true,"message":null,"dismiss":null,"link":null,"href":null},"panorama":{"enabled":false,"index":true,"title":true,"buttons":"deviceorientation,rotate,fullscreen","scene_nav":true,"scene_loop":true,"zoom":"auto","nav":true,"keyboard":true,"lookto_taps":1,"fullscreen_taps":2,"transition":"black","transition_duration":800,"transition_scale":0.0299999999999999988897769753748434595763683319091796875,"auto_open":false,"equirect_preview":true,"equirect_resize":true,"hide_interface":true,"hide_interface_timeout":3000,"show_interface_after_nav":true,"yaw":0,"pitch":0,"fov":1.1999999999999999555910790149937383830547332763671875,"maxres_multiplier":1,"max_vfov":1.75,"max_hfov":0,"pitch_min":-90,"pitch_max":90,"reset_view":true,"autorotate_start":true,"autorotate_restart":false,"autorotate_idlemovement_timeout":2000,"autorotate_speed":0.0299999999999999988897769753748434595763683319091796875,"flat_tile_size":512,"flat_url_format":"l{z}/{y}/l{z}_{y}_{x}.jpg","flat_zero_padding":0,"flat_index_start":0,"flat_pin_levels":2}},"accounts":{"disqus_shortname":null},"style":{"styler":true,"layout":{"layout":"topbar-float","fixed":"topbar-fixed","wide":false,"overlay":true},"skin":{"skin":"black","primary_color":"steelblue","clear":"clear"},"font":{"font":"PT+Sans:400,700,400italic,700italic|logo:700|header:700|subheader:italic|topbar:uppercase|sidebar:uppercase"},"logo":{"enabled":true,"use_image":false,"title":"SATSAID Entre Ríos","logo_3d":true,"logo_3d_synch":true,"link":null}},"settings":{"diagnostics":false,"cdn_core":true,"preload":"auto","lang":"es","auto_lang":true,"pagenav":true,"cdn_files":null,"base_url":null,"date_format":"timeago","timeago_locales":true,"hide_images":"double","prevent_context":false,"sitemap":true,"feed":true,"menu_manual":false,"menu_super":false,"menu_disabled":false,"image_noindex":false},"popup":{"enabled":true,"auto_open":false,"click":"prev_next","transition":"glide","transition_custom":{"opacity":0.1000000000000000055511151231257827021181583404541015625,"x":0,"y":0,"rotate":-90,"scale":0.8000000000000000444089209850062616169452667236328125,"easing":"easeOutElastic","duration":1000},"history":true,"loop":true,"zoomEl":true,"downloadEl":false,"shareEl":true,"playEl":true,"play_interval":5,"play_transition":"inherit","captionEl":true,"hide_caption":true,"caption_transition":true,"caption_style":"block","caption_align":"center-left","caption":{"title":false,"title_from_name":false,"filename":false,"filename_ext":false,"description":false,"date":false,"exif":false,"exif_items":"model,aperture,focal_length,exposure,iso","download":false,"download_text":"Download","map":false,"map_text":"Map"},"bgOpacity":0.9499999999999999555910790149937383830547332763671875,"bg_color":"#000","bg_image":false},"toolbar":{"enabled":true,"enabled_mobile":false,"share_hover":true,"share_click":true,"show_label":true,"auto_hide":true,"overlay_fun":true,"top":65,"side":"auto","addthis":false,"items":"{\r\n  \"items\": [\r\n    {\r\n      \"id\": \"share\",\r\n      \"icon\": \"share\",\r\n      \"label\": \"Share\"\r\n    },\r\n    {\r\n      \"id\": \"facebook\",\r\n      \"icon\": \"facebook\",\r\n      \"label\": \"Share on Facebook\",\r\n      \"url\": \"https://www.facebook.com/sharer/sharer.php?u={{url}}\"\r\n    },\r\n    {\r\n      \"id\": \"twitter\",\r\n      \"icon\": \"twitter\",\r\n      \"label\": \"Tweet\",\r\n      \"url\": \"https://twitter.com/intent/tweet?text={{text}}&url={{url}}\"\r\n    },\r\n    {\r\n      \"id\": \"pinterest\",\r\n      \"icon\": \"pinterest-p\",\r\n      \"label\": \"Pin it\",\r\n      \"url\": \"http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}\"\r\n    },\r\n    {\r\n      \"id\": \"linkedin\",\r\n      \"icon\": \"linkedin\",\r\n      \"label\": \"Share on Linkedin\",\r\n      \"url\": \"http://www.linkedin.com/shareArticle?mini=true&url={{url}}&title={{text}}\",\r\n      \"display\": \"overlay\"\r\n    },\r\n    {\r\n      \"id\": \"vkontakte\",\r\n      \"icon\": \"vk\",\r\n      \"label\": \"Share on vKontakte\",\r\n      \"url\": \"http://vk.com/share.php?url={{url}}\",\r\n      \"display\": \"overlay\"\r\n    },\r\n    {\r\n      \"id\": \"tumblr\",\r\n      \"icon\": \"tumblr\",\r\n      \"label\": \"Share on Tumblr\",\r\n      \"url\": \"http://www.tumblr.com/share?v=3&u={{url}}&t={{text}}&s=\",\r\n      \"display\": \"overlay\"\r\n    },\r\n    {\r\n      \"id\": \"mailto\",\r\n      \"icon\": \"envelope\",\r\n      \"label\": \"Share by Email\",\r\n      \"url\": \"mailto:?subject={{text}}&body=Hi,%0D%0A%0D%0A{{description}}%0D%0A{{url}}\",\r\n      \"color\": \"#00bcf2\",\r\n      \"display\": \"overlay|popup\"\r\n    },\r\n    {\r\n      \"id\": \"comment\",\r\n      \"icon\": \"comment\",\r\n      \"label\": \"Post Comment\"\r\n    },\r\n    {\r\n      \"id\": \"download\",\r\n      \"icon\": \"download\",\r\n      \"label\": \"Download\",\r\n      \"url\": \"{{raw_image_url}}\"\r\n    }\r\n  ]\r\n}"},"userx":false,"x3_version":"3.30.1","site_updated":1777571531,"audio_default":["sample.mp3","sample2.mp3"],"site_json":false,"path":"/galeria"};
var x3_page = {"title":"Video Intro Plugin","label":"Video Intro","description":"The video-intro plugin allows you to add a video at the top of page.","image":"preview.jpg","plugins":{"video_background":{"src":"yellowflowers.mp4"}},"type":"page","id":"p641122","permalink":"/galeria/examples/plugins/video-intro/","canonical":"https://entrerios.satsaid.com.ar/galeria/examples/plugins/video-intro/","file_path":"/content/examples/plugins/video-intro","preview_image_full":"https://entrerios.satsaid.com.ar/galeria/content/examples/plugins/video-intro/preview.jpg"};
function jsFail(){
	var s = document.createElement('script');
	s.type = 'text/javascript';
	s.onload = imagevue_;
	s.src = '/galeria/app/public/js/3.30.1/x3.min.js';
	document.getElementsByTagName('head')[0].appendChild(s);
}
</script><script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script><script src="https://cdn.jsdelivr.net/npm/velocity-animate@1.0.1/velocity.min.js"></script><script src="https://cdn.jsdelivr.net/npm/velocity-animate@1.0.1/velocity.ui.min.js"></script><script src="https://cdn.jsdelivr.net/npm/string@3.3.3/dist/string.min.js"></script><script src="https://cdn.jsdelivr.net/npm/x3.photo.gallery@3.30.1/js/x3.min.js" onerror="jsFail()" onload="imagevue_();"></script></body></html>
<!-- X3 website by www.photo.gallery -->