Version 3

[Addvilz]

Fluid Player version 3.0.0

This version is a major rewrite of Fluid Player. All major features are now split from the main player
logic.

Following has changed

• NPM package with with ready to use module, ready to be used with dynamic pages and SPAs.
• Webpack used for CDN distribution.
• All external dependencies have been removed from repository, NPM versions are used instead.
• External dependencies are loaded on first time use.
• Countless number of small bug fixes and improvements.
• Only documented public API is now exposed to end users.
• Player instance can be initialized using either player element id or HTMLVideoElement node reference.
• Controls are hidden by default and becomes visible if so configured in settings or defaults (no button flash).

Breaking changes

• Fluid Player no longer exposes private APIs and player internals not documented to be used from outside the player object itself. Users who rely on these APIs should open an issue requesting a public API to such currently internalized features and APIs.
• CDN no longer publishes CSS as a separate file. CSS is now bundled with JavaScript distribution of the player.

Closes #251
Closes #277
Closes #373
Closes #424
Closes #436
Closes #431
Closes #225
Closes #411
Closes #416
Closes #271
Closes #423
Closes #314
Closes #351

[Herzog81]

<script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script>

<script> var myFP = fluidPlayer( 'video-id', { "layoutControls": { "controlBar": { "autoHideTimeout": 3, "animated": true, "autoHide": true }, "htmlOnPauseBlock": { "html": null, "height": null, "width": null }, "autoPlay": true, "mute": true, "allowTheatre": true, "playPauseAnimation": true, "playbackRateEnabled": true, "allowDownload": true, "playButtonShowing": true, "fillToContainer": false, "posterImage": "" }, "vastOptions": { "adList": [], "adCTAText": false, "adCTATextPosition": "" } } </script>

[diaqad]

Hello
Is it possible to get code of the latest version for playing m3u8 link on blogger?
thank you in advance!

like this code:

<link href = "https://cdn.fluidplayer.com/v2/current/fluidplayer.min.css" rel = "stylesheet" type = "text / css"> </link>
<script src = "https://cdn.fluidplayer.com/v2/current/fluidplayer.min.js"> </script>

<video id = "hls-video">
    <source src = "https://yourlink.m3u8" type = "application / x-mpegURL"> </source>
  
  
</video>

<script>
    var myFP = fluidPlayer (
        'hls-video',
        {
            layoutControls: {
  fillToContainer: true,
  primaryColor: "# 00AACC",
  posterImage: 'https://yourimage.jpg',
  autoPlay: true,
  playButtonShowing: true,
  playPauseAnimation: true,
  mute: false,
  logo: {
   imageUrl: '',
    position: 'top left',
   clickUrl: '',
   opacity: 1,
   mouseOverImageUrl: null,
   imageMargin: '2px',
   hideWithControls: false,
   showOverAds: true,
      keyboardControl: true,
  },
  htmlOnPauseBlock: {
   html: '',
   height: 90,
   width: 728
  },
  allowDownload: false,
  allowTheatre: true,
  playbackRateEnabled: false,
  controlBar: {
   autoHide: true,
   autoHideTimeout: 3,
   animated: true
  },
            },
            vastOptions: {
              vastTimeout: 1000,
              
        }
      }
    );
  
  
</script>
<script type = "text / javascript">
         fluidPlayer ('hls-video');
  fluidPlayer (idVideoPlayer [, options]);
      </script>

[nigae]

player = fluidPlayer(target [, options]);

[nigae]

<script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script> <script> // fluidPlayer method is global when CDN distribution is used. var player = fluidPlayer('example-player'); </script>

[nigae]

[fluid-player-3.0.0.tar.gz](https://github.com/fluid-player/fluid-player/files/8403770/fluid-player-3.0.0.tar.gz)

[PandaSuits]

player = fluidPlayer(target [, options]);

[Spacekowboy69tx69]

Ready

[Jong026440]

Good

[Jong026440]

[Jong026440]

](url)

[Jong026440]

Amazing