Title: Webcam On wordpress
Last modified: August 20, 2016

---

# Webcam On wordpress

 *  [LTKort213](https://wordpress.org/support/users/ltkort213/)
 * (@ltkort213)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/webcam-on-wordpress/)
 * Hi All,
 * I found an webcam on internet: [http://www.surfabc.nl/webcam-wijk-aan-zee/](http://www.surfabc.nl/webcam-wijk-aan-zee/)
   
   And I want to put the webcam on my website, does someone know how to do this?
 * I found out that this is shockwave flash application:
    `<object type="application/
   x-shockwave-flash" data="http://hdtv.webcam.nl/alohabeach/player.swf" width="
   100%" height="100%" bgcolor="#000000" id="webcam" name="webcam" tabindex="0">
   <param name="allowfullscreen" value="true"><param name="allowscriptaccess" value
   ="always"><param name="seamlesstabbing" value="true"><param name="wmode" value
   ="opaque"><param name="flashvars" value="netstreambasepath=http%3A%2F%2Fwww.surfabc.
   nl%2Fwebcam-wijk-aan-zee%2F&id=webcam&file=alohabeach.stream&autostart=true&streamer
   =rtmp%3A%2F%2Fstreaming2.webcam.nl%3A80%2Falohabeach&skin=http%3A%2F%2Fwww.surfabc.
   nl%2Fwp-content%2Fthemes%2Fsurfabc%2F_js%2Fjw-addons%2Fbekle_mod.zip&controlbar.
   position=over&controlbar.idlehide=true&display.icons=true"></object>`
 * Thanks in advance,
 * LTKort213

Viewing 1 replies (of 1 total)

 *  Thread Starter [LTKort213](https://wordpress.org/support/users/ltkort213/)
 * (@ltkort213)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/webcam-on-wordpress/#post-2905364)
 * This is the Javascript code:
 *     ```
       jwplayer('webcam').setup({
       	'file': 'alohabeach.stream',
         'autostart': 'true',
         'streamer': 'rtmp://streaming2.webcam.nl:80/alohabeach',
         'controlbar': 'over',
         'controlbar.idlehide': 'true',
         'width': '800',
         'height': '449',
         'icons': 'true',
         'skin': 'http://www.surfabc.nl/wp-content/themes/surfabc/_js/jw-addons/bekle_mod.zip',
         plugins: {
           '/wp-content/themes/surfabc/_js/extralogo.js': {
             link1: 'http://www.facebook.com/pages/Aloha-Wijk-aan-Zee/392492950174',
             left1: '10',
             top1: '407',
             width1: '90',
             height1: '31',
             link2: 'http://www.protest.nl/',
             left2: '754',
             top2: '389',
             width2: '35',
             height2: '49'
           }
         },
        	'modes': [
             {type: 'flash', src: 'http://hdtv.webcam.nl/alohabeach/player.swf'},
             {
               type: 'html5',
               config: {
                'file': 'http://streaming2.webcam.nl/alohabeach/alohabeach.stream/playlist.m3u8',
                'provider': 'video'
               }
             }
         ]
       });
   
       // DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
       // You may change these numbers, the effect will be a stretched or a shrunk image
       var	DisplayWidth = 800;
       var DisplayHeight = 449;
   
       // This is the URL of the generated media.
       var MediaURL = "rtsp://streaming2.webcam.nl:1935/alohabeach/alohabeach.stream";
       var output = "";
       output  = '<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width=';
       output += DisplayWidth;
       output += ' height=';
       output += DisplayHeight;
       output += ' CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">';
       output += '<param name="src" value="/wp-content/themes/surfabc/_img/dummy.mov">';
       output += '<param name="autoplay" value="true">';
       output += '<param name="controller" value="true">';
       output += '<param name="qtsrc" value="';
       output += MediaURL;output += '">';
       output += '<embed src="/wp-content/themes/surfabc/_img/dummy.mov" width=';
       output += DisplayWidth;
       output += ' height=';
       output += DisplayHeight;
       output += ' qtsrc="';
       output += MediaURL;
       output += '" autoplay="true" controller="false" target="myself"';
       output += ' PLUGINSPAGE="http://www.apple.com/quicktime/download/"></embed>';
       output += '</OBJECT>';
   
       jQuery('#quicktimeLink').click(function(e) {
       	e.preventDefault();
       	jQuery('#webcam-border').html(output);
       });
   
       jQuery('#noVideoLink').click(function(e) {
       	e.preventDefault();
       	jQuery('#noVideoOptions').fadeToggle().parent().toggleClass('open');
       });
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Webcam On wordpress’ is closed to new replies.

 * 1 reply
 * 1 participant
 * Last reply from: [LTKort213](https://wordpress.org/support/users/ltkort213/)
 * Last activity: [13 years, 10 months ago](https://wordpress.org/support/topic/webcam-on-wordpress/#post-2905364)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics