Documentation

Benefits

  • No programming experience required
  • Intuitive use

Video Player

  1. <ziggeo ziggeo-video="_sample_video" ziggeo-width=320 ziggeo-height=180> </ziggeo>
  2.   

Embeds video player in 320 pixels (width) x 180 pixels (height) playing the video named "sample_video".

Video Recorder

  1. <ziggeo ziggeo-width=320 ziggeo-height=240> </ziggeo>
  2.   

Embeds video recorder in 320 pixels (width) x 240 pixels (height).

Video Player

  1. <ziggeoplayer ziggeo-video="_sample_video" ziggeo-width=320 ziggeo-height=180 ziggeo-theme="modern" ziggeo-themecolor="red"> </ziggeoplayer>
  2.   

Embeds video player in 320 pixels (width) x 180 pixels (height) playing the video named "sample_video".

Video Recorder

  1. <ziggeorecorder ziggeo-width=320 ziggeo-height=240 ziggeo-theme="modern" ziggeo-themecolor="red"> </ziggeorecorder>
  2.   

Embeds video recorder in 320 pixels (width) x 240 pixels (height).

Benefits

  • Ideal for dynamic pages
  • Highly flexible (ideal for on the fly embedding)
  • Recommended for pages loaded over IJAX
  • Works well when element holding embedding is not yet on page (e.g. to be created by JavaScript)

Video Player

  1. <div id="replace_me-v1_player"></div> <script>
        var embedding = ZiggeoApi.Embed.embed(
            "#replace_me-v1_player", {
                width: 320,
                height: 180,
                video: "_sample_video"
        });
    </script>
    
  2.   

Embeds video player in 320 pixels (width) x 180 pixels (height) playing the video named "sample_video".

Video Recorder

  1. <div id="replace_me-v1_recorder"></div> <script>
        var embedding = ZiggeoApi.Embed.embed(
            "#replace_me-v1_recorder", {
                width: 320,
                height: 240
        });
    </script>
    
  2.   

Embeds video recorder in 320 pixels (width) x 240 pixels (height).

Video Player

  1. <div id="replace_me-v2_player"></div> <script>
        ZiggeoApi.Events.on("system_ready", function() {
            var player = new ZiggeoApi.V2.Player({
                element: document.getElementById("replace_me-v2_player"),
                attrs: {
                    width: 320,
                    height: 180,
                    theme: "modern",
                    themecolor: "red",
                    video: "_sample_video"
                }
            });
    
            player.activate();
        });
    </script>
    
  2.   

Embeds video player in 320 pixels (width) x 180 pixels (height) playing the video named "sample_video".

Video Recorder

  1. <div id="replace_me-v2_recorder"></div> <script>
        ZiggeoApi.Events.on("system_ready", function() {
            var recorder = new ZiggeoApi.V2.Recorder({
                element: document.getElementById("replace_me-v2_recorder"),
                attrs: {
                    width: 320,
                    height: 240,
                    theme: "modern",
                    themecolor: "red"
                }
            });
    
            recorder.activate();
        });
    </script>
    
  2.   

Embeds video recorder in 320 pixels (width) x 240 pixels (height).

Benefits

  • Pop-ups focus attention on video recorder and/or player
  • Website layout remains unchanged
  • Ideal for on the fly embedding
  • Popping out from the website means that you can focus everyone to the video or recorder when you want and where you want.
  • Requires no specific placement into the website, so it is easy to have it there regardless of what changes you make to your website theme.

Video Player

  1. <div id="replace_me-v1_popup"></div> <script>
        var div = document.getElementById("replace_me-v1_popup");
        div.innerText = "Click on me to play me";
        div.onclick = function () {
            var embedding = ZiggeoApi.Embed.popup( {
                popup_width:640,
                popup_height:320,
                video: "_sample_video"
            });
        };
    </script>
    
  2.   

Embeds video player in 320 pixels (width) x 180 pixels (height) playing the video named "sample_video".

Video Player

  1. <div id="replace_me-v2_popup"></div> <script>
        var div = document.getElementById("replace_me-v2_popup");
        div.innerText = "Click on me to play me";
        div.onclick = function () {
            var player = new ZiggeoApi.V2.PopupPlayer({
                attrs: {
                    width: 640,
                    height: 320,
                    video: "_sample_video"
                }
            });
            player.activate();
        };
    </script>
    
  2.   

Embeds video player in 640 pixels (width) x 320 pixels (height) playing the video named "sample_video".