Fluid Player

安装

This section describes how to install the plugin and get it working.

1. Upload the plugin files to the /wp-content/plugins/fluid-player directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
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:

• 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.
• vast_file : path to vast file (optional)
• vtt_file : path to VTT file (optional)
• vtt_sprite : path to VTT sprites file (optional)
• layout : the following skins are provided with the player: default/browser, if no value is passed it will fall back to ‘default’
• responsive : toggle responsive behavior, defaults to false
• auto-play : toggle video autoplay, defaults to false
• playback-speed-control : Toggle playback speed widget on the control bar, defaults to false
• poster-image : Poster image to be displayed before video playback starts. Video screenshot is used most commonly

• allow-download : Toggle Download button on the control bar, defaults to false

• logo : Logo url

• logo-position: logo positioning, default value “top right”
• logo-opacity : logo opacity, default value 1

• logo-hyperlink: URL which will open in an new tab when the logo is clicked

• ad-text : Ad text visible in the top right corner of the video

• ad-cta-text : CTA hyperlink visible in the bottom left corner of the video

• html-on-pause-block-width : html banner width, default null

• html-on-pause-block-height : html banner height, default null

Simple shortcode example:

[fluid-player
    video="foo.mp4"
    vast_file="vast.xml"
    vtt_file="thumbs.vtt"
    vtt_sprite="thumbs.jpg"
    layout="default"

    auto-play="true"
    allow-download="true"
    playback-speed-control="true"

    responsive="true"
]

Extended shortcode example:

[fluid-player-extended
    vast_file="vast.xml"
    layout="default"

    auto-play="true"
    allow-download="true"
    playback-speed-control="true"
    poster-image="https://www.fluidplayer.com/images/valerian-thumbnail.jpg"

    logo="https://www.fluidplayer.com/images/yourlogo.png"
    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"

    responsive="true"]

    [fluid-player-multi-res-video]
        [
            {"label": "720", "url": "https://cdn.fluidplayer.com/videos/valerian-720p.mkv"},
            {"label": "480", "url": "https://cdn.fluidplayer.com/videos/valerian-480p.mkv"}
        ]
    [/fluid-player-multi-res-video]

    [fluid-player-html-block]
        <div>
            <img src="https://www.fluidplayer.com/images/sample-banner.png" />
        </div>
    [/fluid-player-html-block]

[/fluid-player-extended]