Dieses Plugin ist nicht mit den jüngsten 3 Hauptversionen von WordPress getestet worden. Es wird möglicherweise nicht mehr gewartet oder unterstützt und kann Kompatibilitätsprobleme haben, wenn es mit neueren Versionen von WordPress verwendet wird.

Fluid Player

Beschreibung

This plugin is a wrapper around the html5 video player Fluid Player
Once 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.
The plugin comes with a default sample video, vast file and thumbnail previews.
If no shortcode parameters are provided, the plugin will fallback to the previously listed values.

Installation

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]

Rezensionen

4. März 2021
This plugin really great, and open source can do anything what i needed, i wanna change this plugin to default media player in wordpress but i haven't seen people doing about it before
2. August 2017
It is a bit barebones but functions well. Html blobk on pause would be a great feature. And it looks crammed on mobile devices.
Lies alle 4 Rezensionen

Mitwirkende & Entwickler

„Fluid Player“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

Übersetze „Fluid Player“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

2.0

  • Bringing plugin inline with version V2 of Fluid Player