{"id":29401,"date":"2018-10-30T12:17:08","date_gmt":"2018-10-30T11:17:08","guid":{"rendered":"https:\/\/www.exoclick.com\/fluid-player-master-class-1-how-to-use-the-builder\/"},"modified":"2018-10-30T13:06:21","modified_gmt":"2018-10-30T12:06:21","slug":"fluid-player-master-class-1-how-to-use-the-builder","status":"publish","type":"post","link":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/","title":{"rendered":"Fluid Player Master Class #1: How to use The Builder"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Fluid Player is an open source HTML5 video player built for publisher websites who show video content. It supports a large range of advertising features allowing publishers to monetise their video content. Fluid Player is Progressive &amp; VAST compatible, so that it integrates seamlessly with any ad network&#8217;s video formats, it supports the VAST standard with multiple VAST tags: pre-roll, mid-roll, post-roll and on pause roll. VAST Wrapper support to retrieve and play the ad(s) from downstream secondary VAST Tags. Additionally, the player supports linear video ads and non linear VAST tags for banners and images (gif \/ jpg \/ png).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you are not an expert in writing code, this Master Class will show you how to use the Fluid Player Builder, which allows you to edit some of its key features and automatically generate the code you need to add it to your website. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The Fluid Player Builder is a really cool tool that lets you do the following:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Easily edit the styling of the player so that it fits into the look and feel of your website<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Any edits you make can be seen in real time with the sample player<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Once you have customized Fluid Player with the Builder, it will automatically generate all the code for you, so you just have to cut and paste it into your website \u00a0<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-29365\" src=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2.jpg\" alt=\"\" width=\"922\" height=\"963\" srcset=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2.jpg 922w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-144x150.jpg 144w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-287x300.jpg 287w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-768x802.jpg 768w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-915x956.jpg 915w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-389x406.jpg 389w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-479x500.jpg 479w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-211x220.jpg 211w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-440x460.jpg 440w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Builder-2-232x242.jpg 232w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">As you can see The Builder works as a series of field boxes and tick boxes, with each box representing an editable feature. You can find The Builder in the \u2018<\/span><a href=\"https:\/\/docs.fluidplayer.com\/builder\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Documentation<\/span><\/a><span style=\"font-weight: 400;\">\u2019 section of the Fluid Player website. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are three sections to The Builder:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Styling<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Controls<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On pause HTML<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">So let\u2019s look in more detail at each section:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 24pt;\"><b>Styling<\/b><\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-29299\" src=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Styling.jpg\" alt=\"\" width=\"746\" height=\"291\" srcset=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Styling.jpg 746w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Styling-150x59.jpg 150w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Styling-300x117.jpg 300w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Styling-720x281.jpg 720w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Styling-530x207.jpg 530w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Styling-320x125.jpg 320w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Styling-526x205.jpg 526w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/><\/p>\n<p><b>Primary Color:<\/b><span style=\"font-weight: 400;\"> This field defines the color of:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Play button showing before video play<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Play and pause animations and video toggle<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Video played progress bar<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">User defined ad text<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Changing this parameter will change all the above areas to the color specified. You can match the color to your site or choose a contrasting color. You can generate the code for HTML colours using <\/span><a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">this tool<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><b>Poster Image:<\/b><span style=\"font-weight: 400;\"> \u00a0This field allows you to set the path to show an image before the video plays. This could be a custom thumbnail, your websites logo, in fact any image that you wish to show. By default no image will be shown, until you add the path to an image you would like to use.<\/span><\/p>\n<p><b>Fill Container Div<\/b><span style=\"font-weight: 400;\">: If this field is enabled the video player will take up the size of the \u201cDiv\u201d or section where you want your player to be embedded. Tick this box to enable this feature. <\/span><\/p>\n<p><b>Display logo<\/b><span style=\"font-weight: 400;\">: This feature allows you to display an image overlaid in one of the corners of the player. \u00a0The image will only show when the user hovers over the player. Enabling this field with a tick opens up several options (see below):<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-29375\" src=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2.jpg\" alt=\"\" width=\"742\" height=\"513\" srcset=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2.jpg 742w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2-150x104.jpg 150w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2-300x207.jpg 300w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2-587x406.jpg 587w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2-434x300.jpg 434w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2-723x500.jpg 723w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2-318x220.jpg 318w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2-665x460.jpg 665w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Display-Logo2-350x242.jpg 350w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/p>\n<p><b>Position options<\/b><span style=\"font-weight: 400;\">: \u00a0Select which corner position you want the logo image from the drop down menu, select Top Left (default), Top Right, Bottom Left or Bottom Right<\/span><\/p>\n<p><b>Logo Opacity<\/b><span style=\"font-weight: 400;\">: Here you can choose the opacity percentage of the logo image from 0%-100% (default)<\/span><\/p>\n<p><b>Logo URL<\/b><span style=\"font-weight: 400;\">: The location path of the logo image you want to show (default: null)<\/span><\/p>\n<p><b>Logo Click URL<\/b><span style=\"font-weight: 400;\">: If you want the logo image to be clickable and link to another page, you can set the page url with this parameter. (default: null)<\/span><\/p>\n<p><b>Logo Margin<\/b><span style=\"font-weight: 400;\">: The margin on the logo image can be specified using this parameter. (default: \u20182px\u2019)<\/span><\/p>\n<p><b>Logo Hide w\/ Controls:<\/b><span style=\"font-weight: 400;\"> If you want the logo to only appear along with the video controls you can tick this parameter. (default: false)<\/span><\/p>\n<p><b>Logo Hover URL<\/b><span style=\"font-weight: 400;\">: You can specify a separate image to show when a user moves the mouse over the logo image, simply enter the url for the image. (default: null)<\/span><\/p>\n<p><b>Logo Show Over Ads<\/b><span style=\"font-weight: 400;\">: The logo will not show during in-stream ads by default, but you can specify the logo to show during ads using this parameter. (default: false)<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 24pt;\"><b>Controls<\/b><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now let\u2019s look at the Controls section:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-29317\" src=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Controls.jpg\" alt=\"\" width=\"746\" height=\"356\" srcset=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Controls.jpg 746w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Controls-150x72.jpg 150w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Controls-300x143.jpg 300w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Controls-720x344.jpg 720w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Controls-530x253.jpg 530w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Controls-320x153.jpg 320w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/Controls-507x242.jpg 507w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/><\/p>\n<p><b>Autoplay:<\/b><span style=\"font-weight: 400;\"> If this is enabled, the video will play automatically when the page loads. Please note that this feature may not work on certain browser versions and depends on their AutoPlay Policies, you can see Chrome and Safari policies <\/span><a href=\"https:\/\/faq.dailymotion.com\/hc\/en-us\/articles\/360000102908-Browser-rules-that-determine-autoplay\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">here<\/span><\/a><span style=\"font-weight: 400;\">. (default: null)<\/span><\/p>\n<p><b>Keyboard controls: <\/b><span style=\"font-weight: 400;\">This feature allows the user to use their keyboard to control Fluid Player. <\/span><span style=\"font-weight: 400;\">By default: the following key commands are actioned:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Space\/Enter<\/b><span style=\"font-weight: 400;\">: Pause\/Play video playback<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Left\/Right arrow<\/b><span style=\"font-weight: 400;\">: Go back\/forward 5 seconds<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Home\/End<\/b><span style=\"font-weight: 400;\">: Go to beginning\/end of video<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Numbers 0-9<\/b><span style=\"font-weight: 400;\">: Skip to a particular section of the video (e.g. 5 goes to the video midpoint)<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Up\/Down arrow<\/b><span style=\"font-weight: 400;\">: Increase\/Decrease volume 5%<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>M key<\/b><span style=\"font-weight: 400;\">: Mute\/Unmute video volume<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>F key<\/b><span style=\"font-weight: 400;\">: Go to Full Screen mode<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">If you wish to disable these options check the <\/span><b>Keyboard Controls<\/b><span style=\"font-weight: 400;\"> box.<\/span><\/p>\n<p><b>Mute on load<\/b><span style=\"font-weight: 400;\">: If enabled the video will be muted by default. (default: no mute)<\/span><\/p>\n<p><b>Play\/Pause animation<\/b><span style=\"font-weight: 400;\">: If enabled animation fades out the play\/pause button. <\/span><\/p>\n<p><b>On load<\/b><span style=\"font-weight: 400;\">: This feature has two options:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Show button<\/b><span style=\"font-weight: 400;\">: Enabled by default, Play\/Pause button will appear when the page is loaded.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Show control bar<\/b><span style=\"font-weight: 400;\">: If enabled, video control bar will appear when the page is loaded. <\/span><\/li>\n<\/ul>\n<p><b>Autohide controls<\/b><span style=\"font-weight: 400;\">: This option lets you hide the control bar of Fluid Player after a specific amount of time:<\/span><\/p>\n<p><b>After<\/b><span style=\"font-weight: 400;\"> X <\/span><b>second(s) <\/b><\/p>\n<p><b>Animate<\/b><span style=\"font-weight: 400;\">: This enables a fade out of the control bar, if it is not ticked it will not fade out but disappear.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-29384\" src=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/autohide_controls2.jpg\" alt=\"\" width=\"742\" height=\"339\" srcset=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/autohide_controls2.jpg 742w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/autohide_controls2-150x69.jpg 150w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/autohide_controls2-300x137.jpg 300w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/autohide_controls2-720x329.jpg 720w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/autohide_controls2-530x242.jpg 530w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/autohide_controls2-320x146.jpg 320w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/autohide_controls2-526x240.jpg 526w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/p>\n<p><b>Download<\/b><span style=\"font-weight: 400;\">: If enabled, users will be able to download the video being shown in Fluid Player. <\/span><\/p>\n<p><b>Theatre mode<\/b><span style=\"font-weight: 400;\">: If enabled, theatre mode alters the size of the player, showing a full screen width and 60% screen height player instead. <\/span><\/p>\n<p><b>Playback speed<\/b><span style=\"font-weight: 400;\">: If enabled this will allow the user to change the playback rate\/speed of the video. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 24pt;\"><b>On Pause HTML<\/b><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Finally, let\u2019s look at the On Pause HTML section:<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-29335\" src=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/on-pause.jpg\" alt=\"\" width=\"745\" height=\"208\" srcset=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/on-pause.jpg 745w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/on-pause-150x42.jpg 150w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/on-pause-300x84.jpg 300w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/on-pause-720x201.jpg 720w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/on-pause-530x148.jpg 530w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/on-pause-320x89.jpg 320w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/on-pause-526x147.jpg 526w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/p>\n<p><b>On pause HTML<\/b><span style=\"font-weight: 400;\">: This feature allows you to display an in-video banner ad using an iframe code in the centre of Fluid Player when a user pauses the video. Add your code inside the field. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Note that scripts won\u2019t work.<\/span><\/p>\n<p><b>Height<\/b><span style=\"font-weight: 400;\">: Here you can add the height of the HTML you want to show, as an integer representation of the pixel size. (default: 100px)<\/span><\/p>\n<p><b>Width<\/b><span style=\"font-weight: 400;\">: And here you can do the same with the width. (default:200px)<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 24pt;\"><b>The code<\/b><\/span><\/p>\n<p><span style=\"font-weight: 400;\">So once you have chosen your parameters for all the sections, the code will be generated in the field box below the Builder, simply click the &#8216;Copy to Clipboard&#8217; button and add the code to your website. Easy!<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-29344\" src=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board.jpg\" alt=\"\" width=\"747\" height=\"630\" srcset=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board.jpg 747w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board-150x127.jpg 150w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board-300x253.jpg 300w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board-481x406.jpg 481w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board-356x300.jpg 356w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board-593x500.jpg 593w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board-261x220.jpg 261w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board-545x460.jpg 545w, https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/clip-board-287x242.jpg 287w\" sizes=\"(max-width: 747px) 100vw, 747px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">As you can see it\u2019s a pretty cool tool and makes it super easy for you to integrate Fluid Player into your website. And if you want to carry out some deeper editing visit the <a href=\"https:\/\/docs.fluidplayer.com\/\" target=\"_blank\" rel=\"noopener\">documentation<\/a> page on Fluid Players website for code examples of more features.<\/span><\/p>\n<p><span style=\"font-size: 24pt;\"><strong>Fluid Player Community<\/strong><\/span><br \/>\n<span style=\"font-weight: 400;\">Fluid Player is open source, so join the community and see what new features developers are creating for Fluid Player on GitHub\u00a0<\/span><a href=\"https:\/\/github.com\/fluid-player\/\"><span style=\"font-weight: 400;\">https:\/\/github.com\/fluid-player\/<\/span><\/a><span style=\"font-weight: 400;\"> \u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are not an expert in writing code, this Master Class will show you how to use the Fluid Player Builder, which allows you to edit some of its key features and automatically generate the code you need to add to your website.<\/p>\n","protected":false},"author":20,"featured_media":29360,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[150,241],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.4 (Yoast SEO v18.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"This Master Class shows you how to use the Fluid Player Builder, to edit its key features and generate the code you need to add it to your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fluid Player Master Class #1: How to use The Builder - ExoClick\" \/>\n<meta property=\"og:description\" content=\"This Master Class shows you how to use the Fluid Player Builder, to edit its key features and generate the code you need to add it to your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"ExoClick\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-30T11:17:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-10-30T12:06:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/fluidplayer_image_blogpost.png\" \/>\n\t<meta property=\"og:image:width\" content=\"810\" \/>\n\t<meta property=\"og:image:height\" content=\"430\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juanma Cortes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.exoclick.com\/#organization\",\"name\":\"ExoClick\",\"url\":\"https:\/\/www.exoclick.com\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.exoclick.com\/#logo\",\"inLanguage\":\"ru-RU\",\"url\":\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2015\/04\/exoclick_new_baseline.png\",\"contentUrl\":\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2015\/04\/exoclick_new_baseline.png\",\"width\":1500,\"height\":613,\"caption\":\"ExoClick\"},\"image\":{\"@id\":\"https:\/\/www.exoclick.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.exoclick.com\/#website\",\"url\":\"https:\/\/www.exoclick.com\/\",\"name\":\"ExoClick\",\"description\":\"The innovative ad network\",\"publisher\":{\"@id\":\"https:\/\/www.exoclick.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.exoclick.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ru-RU\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#primaryimage\",\"inLanguage\":\"ru-RU\",\"url\":\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/fluidplayer_image_blogpost.png\",\"contentUrl\":\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/fluidplayer_image_blogpost.png\",\"width\":810,\"height\":430},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#webpage\",\"url\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/\",\"name\":\"Fluid Player Master Class #1: How to use The Builder - ExoClick\",\"isPartOf\":{\"@id\":\"https:\/\/www.exoclick.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#primaryimage\"},\"datePublished\":\"2018-10-30T11:17:08+00:00\",\"dateModified\":\"2018-10-30T12:06:21+00:00\",\"description\":\"This Master Class shows you how to use the Fluid Player Builder, to edit its key features and generate the code you need to add it to your website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.exoclick.com\/ru\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fluid Player Master Class #1: How to use The Builder\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.exoclick.com\/#\/schema\/person\/86c17743ee91b9d52e7b648e03a56168\"},\"headline\":\"Fluid Player Master Class #1: How to use The Builder\",\"datePublished\":\"2018-10-30T11:17:08+00:00\",\"dateModified\":\"2018-10-30T12:06:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#webpage\"},\"wordCount\":1201,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.exoclick.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/fluidplayer_image_blogpost.png\",\"articleSection\":[\"P\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\",\"Video\"],\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.exoclick.com\/#\/schema\/person\/86c17743ee91b9d52e7b648e03a56168\",\"name\":\"Juanma Cortes\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.exoclick.com\/#personlogo\",\"inLanguage\":\"ru-RU\",\"url\":\"https:\/\/www.exoclick.com\/wp-content\/uploads\/cache\/2017\/10\/juanma-small\/392160680.jpg\",\"contentUrl\":\"https:\/\/www.exoclick.com\/wp-content\/uploads\/cache\/2017\/10\/juanma-small\/392160680.jpg\",\"caption\":\"Juanma Cortes\"},\"description\":\"Head of Technical Support\",\"url\":\"https:\/\/www.exoclick.com\/ru\/author\/juanma-cortes\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"description":"This Master Class shows you how to use the Fluid Player Builder, to edit its key features and generate the code you need to add it to your website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/","og_locale":"ru_RU","og_type":"article","og_title":"Fluid Player Master Class #1: How to use The Builder - ExoClick","og_description":"This Master Class shows you how to use the Fluid Player Builder, to edit its key features and generate the code you need to add it to your website.","og_url":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/","og_site_name":"ExoClick","article_published_time":"2018-10-30T11:17:08+00:00","article_modified_time":"2018-10-30T12:06:21+00:00","og_image":[{"width":810,"height":430,"url":"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/fluidplayer_image_blogpost.png","type":"image\/png"}],"twitter_misc":{"Written by":"Juanma Cortes","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.exoclick.com\/#organization","name":"ExoClick","url":"https:\/\/www.exoclick.com\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/www.exoclick.com\/#logo","inLanguage":"ru-RU","url":"https:\/\/www.exoclick.com\/wp-content\/uploads\/2015\/04\/exoclick_new_baseline.png","contentUrl":"https:\/\/www.exoclick.com\/wp-content\/uploads\/2015\/04\/exoclick_new_baseline.png","width":1500,"height":613,"caption":"ExoClick"},"image":{"@id":"https:\/\/www.exoclick.com\/#logo"}},{"@type":"WebSite","@id":"https:\/\/www.exoclick.com\/#website","url":"https:\/\/www.exoclick.com\/","name":"ExoClick","description":"The innovative ad network","publisher":{"@id":"https:\/\/www.exoclick.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.exoclick.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ru-RU"},{"@type":"ImageObject","@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#primaryimage","inLanguage":"ru-RU","url":"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/fluidplayer_image_blogpost.png","contentUrl":"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/fluidplayer_image_blogpost.png","width":810,"height":430},{"@type":"WebPage","@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#webpage","url":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/","name":"Fluid Player Master Class #1: How to use The Builder - ExoClick","isPartOf":{"@id":"https:\/\/www.exoclick.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#primaryimage"},"datePublished":"2018-10-30T11:17:08+00:00","dateModified":"2018-10-30T12:06:21+00:00","description":"This Master Class shows you how to use the Fluid Player Builder, to edit its key features and generate the code you need to add it to your website.","breadcrumb":{"@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.exoclick.com\/ru\/"},{"@type":"ListItem","position":2,"name":"Fluid Player Master Class #1: How to use The Builder"}]},{"@type":"Article","@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#article","isPartOf":{"@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#webpage"},"author":{"@id":"https:\/\/www.exoclick.com\/#\/schema\/person\/86c17743ee91b9d52e7b648e03a56168"},"headline":"Fluid Player Master Class #1: How to use The Builder","datePublished":"2018-10-30T11:17:08+00:00","dateModified":"2018-10-30T12:06:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#webpage"},"wordCount":1201,"commentCount":0,"publisher":{"@id":"https:\/\/www.exoclick.com\/#organization"},"image":{"@id":"https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.exoclick.com\/wp-content\/uploads\/2018\/10\/fluidplayer_image_blogpost.png","articleSection":["P\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e","Video"],"inLanguage":"ru-RU","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.exoclick.com\/ru\/fluid-player-master-class-1-how-to-use-the-builder\/#respond"]}]},{"@type":"Person","@id":"https:\/\/www.exoclick.com\/#\/schema\/person\/86c17743ee91b9d52e7b648e03a56168","name":"Juanma Cortes","image":{"@type":"ImageObject","@id":"https:\/\/www.exoclick.com\/#personlogo","inLanguage":"ru-RU","url":"https:\/\/www.exoclick.com\/wp-content\/uploads\/cache\/2017\/10\/juanma-small\/392160680.jpg","contentUrl":"https:\/\/www.exoclick.com\/wp-content\/uploads\/cache\/2017\/10\/juanma-small\/392160680.jpg","caption":"Juanma Cortes"},"description":"Head of Technical Support","url":"https:\/\/www.exoclick.com\/ru\/author\/juanma-cortes\/"}]}},"_links":{"self":[{"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/posts\/29401"}],"collection":[{"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/comments?post=29401"}],"version-history":[{"count":8,"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/posts\/29401\/revisions"}],"predecessor-version":[{"id":29472,"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/posts\/29401\/revisions\/29472"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/media\/29360"}],"wp:attachment":[{"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/media?parent=29401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/categories?post=29401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.exoclick.com\/ru\/wp-json\/wp\/v2\/tags?post=29401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}