This section provides instructions for using the AnyClip embed code for Watch pages.
A Watch embed code will be provided to you by your AnyClip rep or can be pulled from the AnyClip Console. A valid embed code will look like this.
<div id="anyclip-container"></div> <script> window.ac_vh_params = { containerId: 'anyclip-container', folderName: '13/139' }; </script> <script src="https://cdn19.anyclip.com/main.js"> </script>Mobile embedding: For the best performing mobile version of Watch, insert the meta tag viewport in the page.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Embedding in a custom HTML container: If you choose to embed within a custom HTML container, follow steps 1 and 2 above and then the steps below.
Here is an example of an HTML page:
<html> <head> <title>Video hub</title> </head> <body> <div id="id-of-custom-container"> </div> <script> window.ac_vh_params = {containerId: 'id-of-custom-container', /** mandatory => Luminous Watch container */ folderName: 'publishercom/0011r00001odemo_890/999'/** mandatory */ channelArray: [1, 2, 3, 4], /** optional => array of the channel ids, if you want to show only certain channels LW end-user */ }; </script> <script src="https://cdn19.anyclip.com/main.js"> </script> </body> </html>Embed Watch Inside an Iframe
Another embed option is to embed Watch on an iFrame, as per the example below.
<!DOCTYPE html> <html lang="en"> <head> <title>ZMG | Ruckus Factory</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { margin: 0; } </style> </head> <body> <div id="anyclip-container"></div> <script> window.ac_vh_params = { containerId: 'anyclip-container', folderName: '82/82' }; </script> <script src=""></script> </body> </html>Note
When embedding a watch in an iframe some of the watch functionality like sharing videos may not be available