FluentPlayer

https://github.com/wpmanageninja/fluent-player

Admin

FluentPlayer is a fast, native WordPress video and audio player plugin that enables lead capture,...

Tokens:1,093

Snippets:21

Trust Score:9.2

Update:1 month ago

Show doc for...

Tokens:

Raw

### YouTube Bridge CSS and JavaScript Implementation

Source: https://github.com/wpmanageninja/fluent-player/blob/master/assets/youtube-bridge.html

Sets up the iframe container and establishes bidirectional message relay between the parent window and the YouTube iframe.

```css
*{margin:0;padding:0}body{background:#000;overflow:hidden}iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
```

```javascript
var ytFrame = null; var src = new URLSearchParams(location.search).get('src'); if (src) { ytFrame = document.createElement('iframe'); ytFrame.setAttribute('allow', 'autoplay;fullscreen;encrypted-media;picture-in-picture;accelerometer;gyroscope'); ytFrame.setAttribute('allowfullscreen', ''); ytFrame.src = src; document.body.appendChild(ytFrame); } // parent (editor-canvas) → YouTube window.addEventListener('message', function(e) { if (e.source !== window.parent) return; if (ytFrame) ytFrame.contentWindow.postMessage(e.data, '*'); }); // YouTube → parent (editor-canvas) window.addEventListener('message', function(e) { if (!ytFrame || e.source !== ytFrame.contentWindow) return; window.parent.postMessage(e.data, '*'); });
```

Tokens:

Raw