How to Embed IP Camera Video into a Web Page using Vivotek Network Cameras

It is actually very easy to embed a video stream from a Vivotek IP camera into an webpage as long as you set the video stream of your Vivotek network camera to JPEG instead of MPEG.

Here is how to configure your Vivotek IP camera for web page embedding:

1. Access the configuration screen of your camera.
2. Click on the Configuration link.
3. Set the configuration mode to advanced by clicking on the advanced mode link in the lower left. If the link says basic mode, then you are already in advanced mode.
4. Click on the audio and video link
5. Click on the Video quality settings for stream 1 link and set select the JPEG radio button
6. Select the Frame size, Maximum frame rate, and Video quality settings that you want to use to embed into your website
7. Click on the save button to save these settings
8. Last, you need to add an img HTML tag into the page that you want the video stream to appear. Please check out this HTML sample embed a video stream into your webpage.

Please note that the host name or IP address of your camera must be accessible from the Internet from outside of the local network that the IP camera is running on. This means that port forwarding must already be in place. You need to change the host name that is used in the example to the IP address or host that you use to access your camera.

Also note that in this example, the camera is running on port 80. If your camera is running on a different port, change 80 to the port number that you are using.