{"id":57202,"date":"2017-04-18T14:49:16","date_gmt":"2017-04-18T14:49:16","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/fluid-player\/"},"modified":"2023-10-18T15:55:08","modified_gmt":"2023-10-18T15:55:08","slug":"fluid-player","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/fluid-player\/","author":15369171,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.0.0","stable_tag":"trunk","tested":"6.3.8","requires":"4.6","requires_php":"5.4","requires_plugins":null,"header_name":"Fluid Player","header_author":"Fluid Player","header_description":"","assets_banners_color":"","last_updated":"2023-10-18 15:55:08","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/example.com\/","header_plugin_uri":"https:\/\/wordpress.org\/support\/plugin\/fluid-player\/","header_author_uri":"https:\/\/www.fluidplayer.com","rating":4.6,"author_block_rating":0,"active_installs":400,"downloads":61387,"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"2.3.0.1":{"tag":"2.3.0.1","author":"fluidplayer","date":"2023-10-18 15:41:48"},"3.0.0":{"tag":"3.0.0","author":"fluidplayer","date":"2023-10-18 16:50:05"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":1,"4":0,"5":4},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.3.0.1","3.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[139684,18626,2956,14229],"plugin_category":[50],"plugin_contributors":[143270],"plugin_business_model":[],"class_list":["post-57202","plugin","type-plugin","status-publish","hentry","plugin_tags-fluid-player","plugin_tags-html5-video-player","plugin_tags-thumbnails","plugin_tags-vast","plugin_category-media","plugin_contributors-florintudor","plugin_committers-fluidplayer"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/fluid-player.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

This plugin is a wrapper around the html5 video player Fluid Player<\/a>\nOnce the plugin is installed and activated, you'll only need to use the any of the [fluid-player] or [fluid-player-extended] shortcodes at the desired location in your page or post.\nThe plugin comes with a default sample video, vast file and thumbnail previews.\nIf no shortcode parameters are provided, the plugin will fallback to the previously listed values.<\/p>\n\n

For issues please refer to the main Fluid Player repository https:\/\/github.com\/fluid-player\/fluid-player<\/p>\n\n\n

This section describes how to install the plugin and get it working.<\/p>\n\n

    \n
  1. Upload the plugin files to the \/wp-content\/plugins\/fluid-player<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
  2. Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n
  3. Include any of the the [fluid-player] or [fluid-player-extended] shortcodes on your website pages\/posts. Below is the list of accepted parameters:<\/li>\n<\/ol>\n\n
      \n
    • video : path to actual video to be used by the player. If no value is passed it will fall back to the plugin sample video.<\/li>\n
    • vast_file : path to vast file (optional)<\/li>\n
    • vtt_file : path to VTT file (optional)<\/li>\n
    • vtt_sprite : path to VTT sprites file (optional)<\/li>\n
    • layout : the following skins are provided with the player: default\/browser, if no value is passed it will fall back to 'default'<\/li>\n
    • responsive : toggle responsive behavior, defaults to false<\/li>\n
    • auto-play : toggle video autoplay, defaults to false<\/li>\n
    • playback-speed-control : Toggle playback speed widget on the control bar, defaults to false<\/li>\n
    • poster-image : Poster image to be displayed before video playback starts. Video screenshot is used most commonly<\/li>\n

    • allow-download : Toggle Download button on the control bar, defaults to false<\/p><\/li>\n

    • logo : Logo url<\/p><\/li>\n

    • logo-position: logo positioning, default value \"top right\"<\/li>\n
    • logo-opacity : logo opacity, default value 1<\/li>\n

    • logo-hyperlink: URL which will open in an new tab when the logo is clicked<\/p><\/li>\n

    • ad-text : Ad text visible in the top right corner of the video<\/p><\/li>\n

    • ad-cta-text : CTA hyperlink visible in the bottom left corner of the video<\/p><\/li>\n

    • html-on-pause-block-width : html banner width, default null<\/p><\/li>\n

    • html-on-pause-block-height : html banner height, default null<\/li>\n<\/ul>\n\n

      To further customize the video player, you will need to follow the docs at https:\/\/docs.fluidplayer.com\/\nYou can use [fluid-player-ad-list] to add multiple ad rolls with different configurations, or you can totally overwrite the plugin parameters by using [fluid-player-options].<\/p>\n\n

      Using [fluid-player-options] is our recommended approach, since it will enable more compatibility with newer versions of Fluid Player.<\/p>\n\n

      Simple shortcode example:<\/p>\n\n

      [fluid-player\n    video=\"foo.mp4\"\n    vast_file=\"vast.xml\"\n    vtt_file=\"thumbs.vtt\"\n    vtt_sprite=\"thumbs.jpg\"\n    layout=\"default\"\n\n    auto-play=\"true\"\n    allow-download=\"true\"\n    playback-speed-control=\"true\"\n\n    responsive=\"true\"\n]\n<\/code><\/pre>\n\n
      Extended shortcode example:<\/p>\n\n
      [fluid-player-extended vast_file=\"https:\/\/pubads.g.doubleclick.net\/gampad\/ads?iu=\/21775744923\/external\/single_ad_samples&sz=640x480&cust_params=sample_ct%3Dlinear&ciu_szs=300x250%2C728x90&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=\" responsive=\"true\" layout=\"default\" auto-play=\"false\" allow-download=\"true\" playback-speed-control=\"true\" poster-image=\"https:\/\/www.fluidplayer.com\/images\/valerian-thumbnail.jpg\" logo=\"https:\/\/placekitten.com\/64\/64\" logo-position=\"top right\" logo-opacity=\".8\" logo-hyperlink=\"https:\/\/www.fluidplayer.com\/\" ad-text=\"adText\" ad-cta-text=\"adCTAText\" html-on-pause-block-width=\"100\" html-on-pause-block-height=\"100\"]\n\n    [fluid-player-multi-res-video]\n        [\n            {\"label\": \"720\", \"url\": \"https:\/\/cdn.fluidplayer.com\/videos\/valerian-720p.mkv\"},\n            {\"label\": \"480\", \"url\": \"https:\/\/cdn.fluidplayer.com\/videos\/valerian-480p.mkv\"}\n        ]\n    [\/fluid-player-multi-res-video]\n\n    [fluid-player-html-block]\n        <div>\n            <img src=\"https:\/\/placekitten.com\/100\/100\" \/>\n        <\/div>\n    [\/fluid-player-html-block]\n\n[\/fluid-player-extended]\n<\/code><\/pre>\n\n
      Extended shortcode example with custom adList:<\/p>\n\n
      [fluid-player-extended responsive=\"true\" layout=\"default\" auto-play=\"false\" allow-download=\"true\" playback-speed-control=\"true\" poster-image=\"https:\/\/www.fluidplayer.com\/images\/valerian-thumbnail.jpg\" logo=\"https:\/\/placekitten.com\/64\/64\" logo-position=\"top right\" logo-opacity=\".8\" logo-hyperlink=\"https:\/\/www.fluidplayer.com\/\" ad-text=\"adText\" ad-cta-text=\"adCTAText\"]\n\n    [fluid-player-ad-list]\n        [\n            { roll: 'preRoll', vastTag: 'https:\/\/pubads.g.doubleclick.net\/gampad\/ads?iu=\/21775744923\/external\/single_ad_samples&sz=640x480&cust_params=sample_ct%3Dlinear&ciu_szs=300x250%2C728x90&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=' },\n            { roll: 'midRoll', timer: '15', vastTag: 'https:\/\/pubads.g.doubleclick.net\/gampad\/ads?iu=\/21775744923\/external\/nonlinear_ad_samples&sz=480x70&cust_params=sample_ct%3Dnonlinear&ciu_szs=300x250%2C728x90&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=' },\n            { roll: 'postRoll', vastTag: 'https:\/\/pubads.g.doubleclick.net\/gampad\/ads?iu=\/21775744923\/external\/single_preroll_skippable&sz=640x480&ciu_szs=300x250%2C728x90&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=' },\n            { roll: 'onPauseRoll', vastTag: 'https:\/\/pubads.g.doubleclick.net\/gampad\/ads?iu=\/21775744923\/external\/nonlinear_ad_samples&sz=480x70&cust_params=sample_ct%3Dnonlinear&ciu_szs=300x250%2C728x90&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=' },\n        ]\n    [\/fluid-player-ad-list]\n\n    [fluid-player-multi-res-video]\n        [\n            {\"label\": \"720\", \"url\": \"https:\/\/cdn.fluidplayer.com\/videos\/valerian-720p.mkv\"},\n            {\"label\": \"480\", \"url\": \"https:\/\/cdn.fluidplayer.com\/videos\/valerian-480p.mkv\"}\n        ]\n    [\/fluid-player-multi-res-video]\n\n[\/fluid-player-extended]\n<\/code><\/pre>\n\n
      Extended shortcode example with custom configuration:<\/p>\n\n
      [fluid-player-extended]\n\n    [fluid-player-options]\n    {\n        layoutControls: {\n            primaryColor:           false,\n            playButtonShowing:      true,\n            playPauseAnimation:     true,\n            fillToContainer:        true,\n            autoPlay:               false,\n            preload:                false,\n            mute:                   false,\n            doubleclickFullscreen:  true,\n            subtitlesEnabled:       false,\n            keyboardControl:        true,\n            layout:                 'default',\n            allowDownload:          false,\n            playbackRateEnabled:    false,\n            allowTheatre:           true,\n            title:                  false,\n            loop:                   false,\n            logo: {\n                imageUrl:           null,\n                position:           'top left',\n                clickUrl:           null,\n                opacity:            1\n            },\n            controlBar: {\n                autoHide:           true,\n                autoHideTimeout:    3,\n                animated:           true,\n                playbackRates:      ['x2', 'x1.5', 'x1', 'x0.5']\n            },\n            timelinePreview:        {},\n            htmlOnPauseBlock: {\n                html:               null,\n                height:             null,\n                width:              null\n            },\n            playerInitCallback:     (function() {}),\n            miniPlayer: {\n                enabled: true,\n                width: 400,\n                height: 225\n            }\n        },\n        vastOptions: {\n            adList:                     [\n                { roll: 'preRoll', vastTag: 'https:\/\/pubads.g.doubleclick.net\/gampad\/ads?iu=\/21775744923\/external\/single_ad_samples&sz=640x480&cust_params=sample_ct%3Dlinear&ciu_szs=300x250%2C728x90&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=' }\n            ],\n            skipButtonCaption:          'Skip ad in [seconds]',\n            skipButtonClickCaption:     'Skip ad <span class=\"skip_button_icon\"><\/span>',\n            adText:                     null,\n            adTextPosition:             'top left',\n            adCTAText:                  'Visit now!',\n            adCTATextPosition:          'bottom right',\n            vastTimeout:                5000,\n            showPlayButton:             false,\n            maxAllowedVastTagRedirects: 1,\n            vastAdvanced: {\n                vastLoadedCallback:       (function() {}),\n                noVastVideoCallback:      (function() {}),\n                vastVideoSkippedCallback: (function() {}),\n                vastVideoEndedCallback:   (function() {})\n            }\n        }\n    }\n    [\/fluid-player-options]\n\n    [fluid-player-multi-res-video]\n        [\n            {\"label\": \"720\", \"url\": \"https:\/\/cdn.fluidplayer.com\/videos\/valerian-720p.mkv\"},\n            {\"label\": \"480\", \"url\": \"https:\/\/cdn.fluidplayer.com\/videos\/valerian-480p.mkv\"}\n        ]\n    [\/fluid-player-multi-res-video]\n\n[\/fluid-player-extended]\n<\/code><\/pre>\n\n\n
      3.0<\/h4>\n\n
        \n
      • Introduces fluid-player-ad-list shortcode<\/li>\n
      • Introduces fluid-player-options shortcode<\/li>\n
      • Updates Fluid Player to v3<\/li>\n<\/ul>\n\n
        2.0<\/h4>\n\n
          \n
        • Bringing plugin inline with version V2 of Fluid Player<\/li>\n<\/ul>","raw_excerpt":"The plugin makes it easy to embed the VAST ready Fluid Player video player.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/57202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=57202"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/fluidplayer"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=57202"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=57202"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=57202"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=57202"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=57202"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=57202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}