Forum Integration

Add AnonMP4 uploads
to your forum

Drop an "Upload Video" button into your forum's reply editor. Users upload directly to AnonMP4 — the video embeds automatically in their post.

Quick start — 2 steps No server-side code needed Works on XenForo, phpBB, vBulletin, MyBB & more

Step 1 — Bridge Script Step 2 — Media Site

How it works

User clicks "Upload Video"

A small popup opens with the AnonMP4 upload interface.

Video uploads to AnonMP4

The file is sent to anonmp4api.xyz. No storage on your server.

Embed inserts automatically

The bridge script places the embed code into the editor. The popup closes.

Add the button + bridge script

Each script adds an "Upload Video" button — clicking it opens a file picker, uploads directly to anonmp4api.xyz/upload, then inserts the embed into the editor.

XenForo — Admin CP → Appearance → Templates → PAGE_CONTAINER

<script type="text/javascript">
  // ─── AnonMP4 Upload Bridge for XenForo ────────────────────────────────
  // Adds an "Upload Video" button to the reply editor toolbar.
  // Change 'formButtonGroup-extra' if your theme uses a different container.

  window.addEventListener('load', function () {
    var toolbar = document.getElementsByClassName('formButtonGroup-extra');
    if (toolbar.length > 0) {
      toolbar[0].insertAdjacentHTML('beforeend',
        '<div class="formButtonGroup">' +
          '<button onclick="anonmp4PickFile()" type="button" tabindex="-1"' +
                  ' class="button--link button button--icon">' +
            '<i class="fa fa-video-camera"></i>' +
            '<span class="button-text">Upload Video</span>' +
          '</button>' +
        '</div>'
      );
    }
  });

  function anonmp4PickFile() {
    var input = document.createElement('input');
    input.type   = 'file';
    input.accept = 'video/*';
    input.onchange = function () {
      var file = input.files[0];
      if (!file) return;
      anonmp4Upload(file);
    };
    input.click();
  }

  function anonmp4Upload(file) {
    var form = new FormData();
    form.append('file', file);

    // Show status in the editor area
    var statusId = 'anonmp4-status-' + Date.now();
    anonmp4InsertBB('\n[Uploading ' + file.name + '...]\n', statusId);

    fetch('https://anonmp4api.xyz/upload', { method: 'POST', body: form })
      .then(function (res) { return res.json(); })
      .then(function (result) {
        var statusEl = document.getElementById(statusId);
        if (result.success) {
          // Insert [MEDIA=anonmp4]VIDEO_ID[/MEDIA] — matches the Media Site in Step 2
          var bbCode = '[MEDIA=anonmp4]' + result.video_id + '[/MEDIA]';
          if (statusEl) {
            statusEl.textContent = bbCode;
          } else {
            anonmp4InsertBB('\n' + bbCode + '\n');
          }
        } else {
          if (statusEl) statusEl.textContent = '[Upload failed: ' + result.error.message + ']';
        }
      })
      .catch(function (err) {
        console.error('[AnonMP4] Upload error:', err);
      });
  }

  function anonmp4InsertBB(text, markId) {
    // Try rich (Froala) editor first
    var richEl = document.getElementsByClassName('fr-element');
    if (richEl.length > 0) {
      var p = document.createElement('p');
      p.textContent = text;
      if (markId) p.id = markId;
      richEl[0].appendChild(p);
      return;
    }
    // Fall back to plain BB code textarea
    var boxes = document.querySelectorAll('[aria-label="Rich text box"], textarea[name="message"]');
    if (boxes.length > 0) {
      var pos = boxes[0].value.length;
      boxes[0].value += text;
      if (markId) boxes[0].dataset['anonmp4_mark_' + markId] = pos;
    }
  }
</script>

If the button doesn't appear, your theme's editor toolbar uses a different container class. Inspect the reply editor → find the row of action buttons → swap formButtonGroup-extra with that class name.

phpBB — ACP → Styles → Templates → overall_footer.html

<script type="text/javascript">
  // ─── AnonMP4 Upload Bridge for phpBB 3.3 ─────────────────────────────

  window.addEventListener('load', function () {
    var toolbar = document.querySelector('.bbcode-buttons, #postingbox .buttons-row');
    if (toolbar) {
      var btn = document.createElement('button');
      btn.type      = 'button';
      btn.className = 'button btnleft';
      btn.innerHTML = '🎦 Upload Video';
      btn.onclick   = anonmp4PickFile;
      toolbar.appendChild(btn);
    }
  });

  function anonmp4PickFile() {
    var input = document.createElement('input');
    input.type   = 'file';
    input.accept = 'video/*';
    input.onchange = function () {
      if (input.files[0]) anonmp4Upload(input.files[0]);
    };
    input.click();
  }

  function anonmp4Upload(file) {
    var textarea = document.getElementById('message') ||
                   document.querySelector('textarea[name="message"]');
    if (textarea) textarea.value += '\n[Uploading ' + file.name + '...]';

    var form = new FormData();
    form.append('file', file);

    fetch('https://anonmp4api.xyz/upload', { method: 'POST', body: form })
      .then(function (res) { return res.json(); })
      .then(function (result) {
        if (!textarea) return;
        if (result.success) {
          // Replace the placeholder with the BBCode
          var bbCode = '[anonmp4]' + result.video_id + '[/anonmp4]';
          textarea.value = textarea.value.replace(
            '[Uploading ' + file.name + '...]', bbCode
          );
        } else {
          textarea.value = textarea.value.replace(
            '[Uploading ' + file.name + '...]',
            '[Upload failed: ' + result.error.message + ']'
          );
        }
      })
      .catch(function (err) { console.error('[AnonMP4]', err); });
  }
</script>

After adding the script, also register [anonmp4] as a custom BBCode in ACP → Posting → BBcodes with the embed template below.

vBulletin 5/6 — ACP → Styles → Edit Templates → footer

<script type="text/javascript">
  // ─── AnonMP4 Upload Bridge for vBulletin 5/6 ─────────────────────────

  window.addEventListener('load', function () {
    var toolbar = document.querySelector('.editor-toolbar, .wys-toolbar');
    if (toolbar) {
      var btn = document.createElement('button');
      btn.type      = 'button';
      btn.className = 'editor-btn';
      btn.title     = 'Upload Video to AnonMP4';
      btn.innerHTML = '🎦 Upload Video';
      btn.onclick   = anonmp4PickFile;
      toolbar.appendChild(btn);
    }
  });

  function anonmp4PickFile() {
    var input = document.createElement('input');
    input.type   = 'file';
    input.accept = 'video/*';
    input.onchange = function () {
      if (input.files[0]) anonmp4Upload(input.files[0]);
    };
    input.click();
  }

  function anonmp4Upload(file) {
    var textarea = document.querySelector('textarea.wysiwyg_textarea, #vB_Editor_QR_textarea');
    if (textarea) textarea.value += '\n[Uploading ' + file.name + '...]';

    var form = new FormData();
    form.append('file', file);

    fetch('https://anonmp4api.xyz/upload', { method: 'POST', body: form })
      .then(function (res) { return res.json(); })
      .then(function (result) {
        if (!textarea) return;
        if (result.success) {
          // vBulletin built-in [VIDEO] tag with the embed URL
          var bbCode = '[VIDEO]' + result.embed_url + '[/VIDEO]';
          textarea.value = textarea.value.replace(
            '[Uploading ' + file.name + '...]', bbCode
          );
        } else {
          textarea.value = textarea.value.replace(
            '[Uploading ' + file.name + '...]',
            '[Upload failed: ' + result.error.message + ']'
          );
        }
      })
      .catch(function (err) { console.error('[AnonMP4]', err); });
  }
</script>

MyBB — ACP → Templates & Style → Templates → footer

<script type="text/javascript">
  // ─── AnonMP4 Upload Bridge for MyBB 1.8 ──────────────────────────────

  window.addEventListener('load', function () {
    var toolbar = document.querySelector('.editor_control_row td:last-child, #quick_reply_controls');
    if (toolbar) {
      var btn = document.createElement('input');
      btn.type      = 'button';
      btn.value     = '🎦 Upload Video';
      btn.className = 'button';
      btn.onclick   = anonmp4PickFile;
      toolbar.insertAdjacentElement('beforeend', btn);
    }
  });

  function anonmp4PickFile() {
    var input = document.createElement('input');
    input.type   = 'file';
    input.accept = 'video/*';
    input.onchange = function () {
      if (input.files[0]) anonmp4Upload(input.files[0]);
    };
    input.click();
  }

  function anonmp4Upload(file) {
    var textarea = document.getElementById('message') ||
                   document.querySelector('textarea[name="message"]');
    if (textarea) textarea.value += '\n[Uploading ' + file.name + '...]';

    var form = new FormData();
    form.append('file', file);

    fetch('https://anonmp4api.xyz/upload', { method: 'POST', body: form })
      .then(function (res) { return res.json(); })
      .then(function (result) {
        if (!textarea) return;
        if (result.success) {
          // MyBB [video] BBCode with the embed URL
          var bbCode = '[video]' + result.embed_url + '[/video]';
          textarea.value = textarea.value.replace(
            '[Uploading ' + file.name + '...]', bbCode
          );
        } else {
          textarea.value = textarea.value.replace(
            '[Uploading ' + file.name + '...]',
            '[Upload failed: ' + result.error.message + ']'
          );
        }
      })
      .catch(function (err) { console.error('[AnonMP4]', err); });
  }
</script>

Discourse — Admin → Customize → Themes → </body> section

<script type="text/discourse-plugin" version="0.9">
  // ─── AnonMP4 Upload Bridge for Discourse ─────────────────────────────
  // Admin → Customize → Themes → Edit → </body> (Common) → paste this

  api.addComposerToolbarPopupMenuOption({
    icon:   'video',
    label:  'Upload to AnonMP4',
    action: function (toolbarEvent) {
      var input = document.createElement('input');
      input.type   = 'file';
      input.accept = 'video/*';

      input.onchange = function () {
        var file = input.files[0];
        if (!file) return;

        toolbarEvent.addText('\n[Uploading ' + file.name + '...]\n');

        var form = new FormData();
        form.append('file', file);

        fetch('https://anonmp4api.xyz/upload', { method: 'POST', body: form })
          .then(function (res) { return res.json(); })
          .then(function (result) {
            var composer = toolbarEvent.toolbar.context;
            var current  = composer.get('model.reply') || '';
            if (result.success) {
              // Discourse auto-onebox the embed URL into a player
              composer.set('model.reply',
                current.replace(
                  '[Uploading ' + file.name + '...]',
                  result.embed_url
                )
              );
            } else {
              composer.set('model.reply',
                current.replace(
                  '[Uploading ' + file.name + '...]',
                  '[Upload failed: ' + result.error.message + ']'
                )
              );
            }
          })
          .catch(function (err) { console.error('[AnonMP4]', err); });
      };

      input.click();
    }
  });
</script>

Discourse auto-embeds URLs that match an onebox pattern. To enable rich previews, also add anonmp4.to to Admin → Settings → Embedding → embeddable hosts.

Add the AnonMP4 Media Site

Registers the [MEDIA=anonmp4] BBCode so XenForo renders the embed automatically

XenForo — Admin CP → Content → BB code media sites → Add Media Site

Site title   = AnonMP4
Media site ID = anonmp4
Site URL     = https://anonmp4.to
Match URLs   = https://anonmp4.help/embed/{$id}
             = https://anonmp4.help/v/{$id}

── Embed template ──────────────────────────────────────────────────────
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;">
  <iframe
    src="https://anonmp4.help/embed/{$id}"
    style="position:absolute;top:0;left:0;width:100%;height:100%;border:none;"
    allow="fullscreen"
    loading="lazy"
    allowfullscreen>
  </iframe>
</div>

Once saved, whenever the bridge script inserts [MEDIA=anonmp4]VIDEO_ID[/MEDIA] into a post, XenForo will render a full responsive embed using the template above.

Other use cases

The bridge script is intentionally lightweight and reusable. The same postMessage pattern works anywhere you can run JavaScript:

Custom editor / website

Change the insertion logic to write to a textarea, contenteditable, or any input field. Point event.data.watch_url to get the direct link instead of the BBCode embed.

No BBCode? Use a direct link or iframe

If your platform doesn't support BBCode embeds, skip Step 2. Instead insert the watch_url as a plain hyperlink, or an <iframe src="https://anonmp4.help/embed/VIDEO_ID"> directly into the editor.

Button not showing up?

Inspect your forum's reply editor toolbar and find the container element around the existing buttons. Replace the class name in the script with the correct selector. The rest of the logic stays the same.

Need help with your setup?

Paste your forum name and the HTML of your editor toolbar, and we'll tailor the selector for your theme.

Contact Support

Add AnonMP4 uploadsto your forum

Add the button + bridge script

Add the AnonMP4 Media Site

Other use cases

Add AnonMP4 uploads
to your forum