Five ways to embed video in html - PowerPoint PPT Presentation

About This Presentation
Title:

Five ways to embed video in html

Description:

It is easy to embed video in html page. People can use kvisoft flip book maker pro to embed video in html without any programming skills. – PowerPoint PPT presentation

Number of Views:110
Slides: 7
Provided by: ankeyflip
Category:

less

Transcript and Presenter's Notes

Title: Five ways to embed video in html


1
Five ways to embed video in html
  • Since digital camcorders and video editing
    software became accessible to the large audience,
    it's no longer a challenge for anybody to make a
    video. This fact underlies a lot of web trends,
    namely the sky-rocketing popularity of video
    sharing portals and widespread use of video
    content across websites and blogs. A good piece
    of video can help you deliver your message more
    effectively, educate readers, stimulate
    discussion and get your brand going far beyond
    your own domain. Happily, it's not a problem
    nowadays to integrate a video into a web page, as
    there's a lot of different tools to assist with
    this task.

2
1. Kvisoft flip book maker pro
  • Kvisoft flip book maker pro is a profession type
    of page flip software to
  • embed video to page-turning html publications.
    It has strong edit
  • functions such as add hyperlinks, text, images,
    sound on flip page.
  • Users not only embed video in html but also
    create multimedia flip page
  • magazine. It is the easiest way to embed in
    html people can use it
  • without any professional skills.
  • http//www.kvisoft.com/flipbook-maker-pro/

3
2. YouTube Embed Code
  • If you run a branded channel on YouTube, theres
    a good opportunity to use YouTube embedding
    facilities. There are some obvious marketing
    benefits of this method once submitted, your
    video gets involved into the full cycle of
    YouTube life with its views, search queries,
    comments, ratings, playlists, etc. Thus, you
    increase the chances of your video content
    attracting visitors to your resource. The
    embedment procedure is fast and easy you upload
    a video to your channel, go to the player,
    acquire the embed code and paste it into your web
    page. YouTube also provides additional options to
    customize the player like play in HD, switch to
    HTTPS, suggest other videos, etc

4
3. HTML5 tag
  • The latest HTML5 add ltvideogttag. The new ltvideogt
    tag in HTML5 markup allows web developers to add
    videos into a web page without any special
    plugins. To make the most of HTML5 video, you
    have to prepare your video in three variants
    H.264, Theora OGG and WebM, since different web
    browser support this or that video codec for the
    new HTML5 standard. The sample code for HTML5
    video looks like this
  • ltvideo width"320" height"240" controls autoplay
    poster"video.jpg"gt
  • ltsource src"movie.mp4" type"video/mp4" /gt
  • ltsource src"movie.ogg" type"video/ogg" /gt
  • Your browser does not support the video tag.
  • lt/videogt

5
4. Using ltembedgt tag
  • You can embed the video file into your HTML page
    using the ltembedgt tag. Upload the video file to
    the server and add the following code to your
    HTML page
  • ltembed srcvideo.avi /gt
  • Where video.avi is your video file name. It can
    be also replaced with the root to your video file
    like
  • ltembed src/files/videos/video.avi /gt

6
5. Using the ltobjectgt tag
  • You can embed the video file into your HTML page
    using the ltembedgt tag. Upload the video file to
    the server and add the following code to your
    HTML page
  • ltobject datavideo.avi typevideo/avi /gt
  • Where video.avi is your video file name. It can
    be also replaced with the root to your video file
    like
  • ltobject data""/files/videos/video.avi"
    type"video/avi" /gt
  • Note Both above methods require the installation
    of the plug-in that will allow to play video
    through the browser.
Write a Comment
User Comments (0)
About PowerShow.com