Skip to main content

Embed video stream into website by HTML

You want to share a video or live stream so that everyone can view it online. You can embed it into your blog/website by simple HTML code. Here we have some simple methods to do that.

1. Use VLC plugin (user must install VLC to view): 
  • Enter this code into your website HTML editor:
<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" events="True" height="480" id="vlc" width="100%">
   <param name="Src" value="http://www.sometip.tk/example_stream.rtmp" />
   <param name="ShowDisplay" value="True" />
   <param name="AutoLoop" value="False" />
   <param name="AutoPlay" value="False" />
   <embed id="vlcEmb"  type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="no" loop="no" width="100%" height="480"
     target="http://www.sometip.tk/example_stream.rtmp" ></embed>
</OBJECT>
2. Use Flash player plugin (user must install Flash player plugin to view):
  • Enter this code into your website HTML editor:
<script src="http://jwpsrv.com/library/H_YZONqDEeOI1SIACmOLpg.js"></script>
<div id='playerkjQlkevLGTMq'></div>
<script type='text/javascript'>
    jwplayer('playerkjQlkevLGTMq').setup({
        file: 'http://www.sometip.tk/example_stream.rtmp',
        image: 'http://g.sometip.tk/2764580/sometip-powered-logo',
        title: 'Video online',
        width: '100%',
        height: '480',
        primary: 'flash'
    });
</script>

  • If you want to use HTML5, change 'flash' to 'html5'
3. Use Windows Media Player plugin (user must install Windows Media Player to view):
  • Enter thí code into your website HTML editor:
<object id="mediaplayer" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=5,1,52,701" standby="loading microsoft windows media player components..." type="application/x-oleobject" width="320" height="310">
<param name="filename" value="http://www.sometip.tk/example_stream.rtmp">
     <param name="animationatstart" value="true">
     <param name="transparentatstart" value="true">
     <param name="autostart" value="true">
     <param name="showcontrols" value="true">
     <param name="ShowStatusBar" value="true">
     <param name="windowlessvideo" value="true">
     <embed src="http://www.sometip.tk/example_stream.rtmp" autostart="true" showcontrols="true" showstatusbar="1" bgcolor="white" width="320" height="310">
Note: 
  • Replace http://www.sometip.tk/example_stream.rtmp with your video direct link (.mp4, .flv,...), live stream link (.rtmp, .rstp,...) or video stream playlist link (.m3u8, m4u8,...).
  • You can modify other options as "width, height, image, auto play, show controls" if you want to do that.
Wish success!

Comments

Popular posts from this blog

Turn off AutoPlay on Windows

On Windows, when you insert an USB or a CD/DVD into your computer, they are usually opened automatically. So the computer maybe infected autorun virus. To avoid that, you should turn off AutoPlay function.

Install and play Pokemon Go on unsupported device

Pokemon Go is great mobile game for smart devices (Android, iOS...). Many people can install and play it normally. However, some device has not been supported yet (Intel inside smartphone: Asus Zenfone, Dell Veune, ...; Windows Phone devices...). Here we show you how to play it in all your devices. For Android devices: Enable “Unknown sources” in the settings. Download Pokemon Go app setup:  Link 1  / Link 2   Open the downloaded file to install app. Enable all the settings when promted. Now you can open and run Pokemon Go to catch 'em. ... That's all. Wish succeed!