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

Insert Google Search box into blog/website

Normally, every  blog/website has a search function which supports everyone to easily browse the site contents. But it maybe not really useful and effective. Then Google Custom Search is a brilliant choice for you. How to get it?

Access Facebook.com with Google DNS and hosts file

Facebook is now the most popular social network. You have many friends and many informations which need to be check on it. But a day, you can't access Facebook or can't post an image. You can resolve this problem by simple steps:

Integrate blogspot blogger blog with Dot TK free domain

Blogspot or Blogger is a blog service from Google. This service provides us many functions to make a small website as creating a blog, posting, commenting, . . . But there is a thing which might cause you dissatisfy. That's the blog address is too long, like http://www.your-tips-tricks.blogspot.com . If you own a short Dot TK domain , then your problems will be solved.