Title: Fluid Player Author: fluidplayer Published: 2017年4月18日 Last modified: 2023年10月18日 --- プラグインを検索 このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。 ![](https://s.w.org/plugins/geopattern-icon/fluid-player.svg) # Fluid Player 作者: [fluidplayer](https://profiles.wordpress.org/fluidplayer/) [ダウンロード](https://downloads.wordpress.org/plugin/fluid-player.zip) * [詳細](https://ja.wordpress.org/plugins/fluid-player/#description) * [レビュー](https://ja.wordpress.org/plugins/fluid-player/#reviews) * [インストール](https://ja.wordpress.org/plugins/fluid-player/#installation) * [開発](https://ja.wordpress.org/plugins/fluid-player/#developers) [サポート](https://wordpress.org/support/plugin/fluid-player/) ## 説明 This plugin is a wrapper around the html5 video player [Fluid Player](https://www.fluidplayer.com) 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. For issues please refer to the main Fluid Player repository https://github.com/fluid- player/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 To further customize the video player, you will need to follow the docs at https:// docs.fluidplayer.com/ You 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]. Using [fluid-player-options] is our recommended approach, since it will enable more compatibility with newer versions of Fluid Player. 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="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"] [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]
[/fluid-player-html-block] [/fluid-player-extended] ``` Extended shortcode example with custom adList: ``` [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"] [fluid-player-ad-list] [ { 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=' }, { 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=' }, { 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=' }, { 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=' }, ] [/fluid-player-ad-list] [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-extended] ``` Extended shortcode example with custom configuration: ``` [fluid-player-extended] [fluid-player-options] { layoutControls: { primaryColor: false, playButtonShowing: true, playPauseAnimation: true, fillToContainer: true, autoPlay: false, preload: false, mute: false, doubleclickFullscreen: true, subtitlesEnabled: false, keyboardControl: true, layout: 'default', allowDownload: false, playbackRateEnabled: false, allowTheatre: true, title: false, loop: false, logo: { imageUrl: null, position: 'top left', clickUrl: null, opacity: 1 }, controlBar: { autoHide: true, autoHideTimeout: 3, animated: true, playbackRates: ['x2', 'x1.5', 'x1', 'x0.5'] }, timelinePreview: {}, htmlOnPauseBlock: { html: null, height: null, width: null }, playerInitCallback: (function() {}), miniPlayer: { enabled: true, width: 400, height: 225 } }, vastOptions: { adList: [ { 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=' } ], skipButtonCaption: 'Skip ad in [seconds]', skipButtonClickCaption: 'Skip ad ', adText: null, adTextPosition: 'top left', adCTAText: 'Visit now!', adCTATextPosition: 'bottom right', vastTimeout: 5000, showPlayButton: false, maxAllowedVastTagRedirects: 1, vastAdvanced: { vastLoadedCallback: (function() {}), noVastVideoCallback: (function() {}), vastVideoSkippedCallback: (function() {}), vastVideoEndedCallback: (function() {}) } } } [/fluid-player-options] [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-extended] ``` ## 評価 ![](https://secure.gravatar.com/avatar/b7afd1b0efb4f0fc49801cdc747cd4df3dad1b2dd95bd99553fe4464743050ca? s=60&d=retro&r=g) ### 󠀁[Gracias por hacer algo tan bueno](https://wordpress.org/support/topic/gracias-por-hacer-algo-tan-bueno/)󠁿 [abelhoyos](https://profiles.wordpress.org/abelhoyos/) 2023年4月17日 5 Estrellas para su buen trabajo, los felicito. Muchas gracias. Saludos desde Peru. ![](https://secure.gravatar.com/avatar/1fcc1e2aea9e9b92442b949c4bf8de840fcd9a0c540941aa56ed15072d7951e4? s=60&d=retro&r=g) ### 󠀁[the best video player plugin](https://wordpress.org/support/topic/the-best-video-player-plugin/)󠁿 [lleeandra98](https://profiles.wordpress.org/lleeandra98/) 2021年3月4日 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 ![](https://secure.gravatar.com/avatar/a428efe4198e3fede33acb9e0221d8b75426f84763c76afacae57896856ce885? s=60&d=retro&r=g) ### 󠀁[کارش عالیه](https://wordpress.org/support/topic/%da%a9%d8%a7%d8%b1%d8%b4-%d8%b9%d8%a7%d9%84%db%8c%d9%87/)󠁿 [mr.nosrati](https://profiles.wordpress.org/mrnosrati/) 2019年5月10日 واقعا عالیییییییییییییییییییییییییی ![](https://secure.gravatar.com/avatar/711a77396d959afa587f83911c2626594349954b1876efe71d305e89583e8208? s=60&d=retro&r=g) ### 󠀁[Needs Improvements](https://wordpress.org/support/topic/needs-improvements-8/)󠁿 [marcojoelmirschutz](https://profiles.wordpress.org/marcojoelmirschutz/) 2018年 3月1日 3 replies It needs several improvements to be well evaluated. ![](https://secure.gravatar.com/avatar/e98f5368d0f918f67142baa90b20816f354ea27f715df18f3cc34c5823c18eaa? s=60&d=retro&r=g) ### 󠀁[Works great](https://wordpress.org/support/topic/works-great-4208/)󠁿 [jinyus](https://profiles.wordpress.org/jinyus/) 2017年8月2日 1 reply It is a bit barebones but functions well. Html blobk on pause would be a great feature. And it looks crammed on mobile devices. [ 5件のレビューをすべて表示 ](https://wordpress.org/support/plugin/fluid-player/reviews/) ## 貢献者と開発者 Fluid Player はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献し ています。 貢献者 * [ fluidplayer ](https://profiles.wordpress.org/fluidplayer/) * [ florintudor ](https://profiles.wordpress.org/florintudor/) [“Fluid Player” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/fluid-player) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/fluid-player/)するか、 [SVN リポジトリ](https://plugins.svn.wordpress.org/fluid-player/)をチェックするか、 [開発ログ](https://plugins.trac.wordpress.org/log/fluid-player/)を [RSS](https://plugins.trac.wordpress.org/log/fluid-player/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 3.0 * Introduces fluid-player-ad-list shortcode * Introduces fluid-player-options shortcode * Updates Fluid Player to v3 #### 2.0 * Bringing plugin inline with version V2 of Fluid Player ## メタ * バージョン **3.0.0** * 最終更新日 **3年前** * 有効インストール数 **400+** * WordPress バージョン ** 4.6またはそれ以降 ** * 検証済み最新バージョン: **6.3.10** * PHP バージョン ** 5.4またはそれ以降 ** * 言語 * [English (US)](https://wordpress.org/plugins/fluid-player/) * タグ * [HTML5 video player](https://ja.wordpress.org/plugins/tags/html5-video-player/) [thumbnails](https://ja.wordpress.org/plugins/tags/thumbnails/)[VAST](https://ja.wordpress.org/plugins/tags/vast/) * [詳細を表示](https://ja.wordpress.org/plugins/fluid-player/advanced/) ## 評価 5つ星中4.6つ星 * [ 4 5-星レビュー ](https://wordpress.org/support/plugin/fluid-player/reviews/?filter=5) * [ 0 4-星レビュー ](https://wordpress.org/support/plugin/fluid-player/reviews/?filter=4) * [ 1 3-星レビュー ](https://wordpress.org/support/plugin/fluid-player/reviews/?filter=3) * [ 0 2-星レビュー ](https://wordpress.org/support/plugin/fluid-player/reviews/?filter=2) * [ 0 1-星レビュー ](https://wordpress.org/support/plugin/fluid-player/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/fluid-player/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/fluid-player/reviews/) ## 貢献者 * [ fluidplayer ](https://profiles.wordpress.org/fluidplayer/) * [ florintudor ](https://profiles.wordpress.org/florintudor/) ## サポート 意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/fluid-player/) ## 寄付 このプラグインが今後も改善できるよう応援しませんか ? [ このプラグインに寄付 ](http://example.com/)