Using Ziggeo together with FormAssembly

If you are already building forms on FormAssembly, here is a quick way to add video submissions to it using Ziggeo:

1. Manage your application settings on Ziggeo and check: “Let us host separate subpages for each single video”.

2. Head over to the form builder on FormAssembly. For every video that you want to be recorded, create a text field with the placeholder text “ziggeo” (without the "").

3. Add the following custom code to your form (via Properties, Custom Code). Make sure to replace YOUR_APPLICATION_TOKEN by the actual application token from your Ziggeo dashboard.

<link rel="stylesheet" href="//assets.ziggeo.com/css/ziggeo-v1.css" />
<script src="//assets.ziggeo.com/js/ziggeo-v1.js"></script>
<script>ZiggeoApi.token = "YOUR_APPLICATION_TOKEN";</script>
<script>ZiggeoApi.Config.cdn = true;</script>
<script>ZiggeoApi.Config.webrtc = true;</script>
<script>ZiggeoApi.Config.resumable = true;</script>
<script>
  $(document).ready(function () {
    $("input[placeholder='ziggeo']").each(function () {
      var input = $(this);
      var inputContainer = input.parent();
      input.attr("type", "hidden");
      var ziggeoContainer = $("
<div></div>

");
      inputContainer.append(ziggeoContainer);
      ZiggeoApi.Embed.embed(ziggeoContainer, {
        width: 320,
        height: 240,
        id: input.attr("name")
      });
    });
    ZiggeoApi.Events.on("submitted", function (data) {
      $("input[name='" + data.id + "']").val("https://ziggeo.com/v/" + data.video.token);
    });
  });
</script>