[coderuna]

What is the right way to add Fluid Player on Publii

I used default config and paste this code to: Custom HTML > Before every post

<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": false,
    "mute": true,
    "allowTheatre": true,
    "playPauseAnimation": false,
    "playbackRateEnabled": false,
    "allowDownload": false,
    "playButtonShowing": false,
    "fillToContainer": false,
    "posterImage": ""
  },
  "vastOptions": {
    "adList": [],
    "adCTAText": false,
    "adCTATextPosition": ""
  }
}
</script>

My post content

<video width="600px" height="auto" id="video-id" controls="controls" data-mce-fragment="1">
<source src="https://example.com/test.mp4" type="video/mp4" /></video>

Video is playing, but I get errors in console:

Uncaught SyntaxError: missing ) after argument list

I found this tutorial

At 3:16 his advice is to put “)” on the end

"adCTATextPosition": ""

}

})

I don`t know, video works but I get errors in console

Uncaught Could not find a HTML node to attach to for target video-id" fluidplayer.min.js:8:146508
    init https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js:8
    f https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js:8
    <anonimno> https://example.com/test/:1

 

[Tomasz Dziuda]

Hi,

The error suggest that an element with ID ‘video-id’ does not exist in your post, but your code uses it – if the video works, maybe it is a bug with fluid player. In my opinion you should consult this issue with the fluidplayer developers/community.

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[Author]

Posts