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 Studio. 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 that renders watch channels with the identifiers 1, 2, 3, 4:
<html>
<head>
<title>Video hub</title>
</head>
<body>
<div id="anyclip-container"> </div>
<script> window.ac_vh_params = {
containerId: 'anyclip-container',
folderName: '13/139',
channelArray: [1, 2, 3, 4] /** optional **/ }; </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="https://cdn19.anyclip.com/main.js"></script>
</body>
</html>
Note
When embedding a watch in an iframe some of the watch functionality like sharing videos may not be available