HTML/Training/Video

From Web Education Community Group
< HTML‎ | Training
Jump to: navigation, search

HTML Videos

<video controls src="movie.ogv">
  <p>Your user agent does not support the HTML5 Video element.</p>
</video>


Embedded videos

The embedded videos are specified by <video>.
There are two way of specifying the embedded content.


See also The video element.

The src attribute

The image given by the src attribute is the embedded content.
SRC stands for source.

 <video src="movie.ogv">
 </video>

The source element

The

Invalid language.

You need to specify a language like this: <source lang="html4strict">...</source>

Supported languages for syntax highlighting:

4cs, 6502acme, 6502kickass, 6502tasm, 68000devpac, abap, actionscript, actionscript3, ada, algol68, apache, applescript, apt_sources, arm, asm, asp, asymptote, autoconf, autohotkey, autoit, avisynth, awk, bascomavr, bash, basic4gl, bf, bibtex, blitzbasic, bnf, boo, c, c_loadrunner, c_mac, caddcl, cadlisp, cfdg, cfm, chaiscript, cil, clojure, cmake, cobol, coffeescript, cpp, cpp-qt, csharp, css, cuesheet, d, dcl, dcpu16, dcs, delphi, diff, div, dos, dot, e, ecmascript, eiffel, email, epc, erlang, euphoria, f1, falcon, fo, fortran, freebasic, freeswitch, fsharp, gambas, gdb, genero, genie, gettext, glsl, gml, gnuplot, go, groovy, gwbasic, haskell, haxe, hicest, hq9plus, html4strict, html5, icon, idl, ini, inno, intercal, io, j, java, java5, javascript, jquery, kixtart, klonec, klonecpp, latex, lb, ldif, lisp, llvm, locobasic, logtalk, lolcode, lotusformulas, lotusscript, lscript, lsl2, lua, m68k, magiksf, make, mapbasic, matlab, mirc, mmix, modula2, modula3, mpasm, mxml, mysql, nagios, netrexx, newlisp, nsis, oberon2, objc, objeck, ocaml, ocaml-brief, octave, oobas, oorexx, oracle11, oracle8, oxygene, oz, parasail, parigp, pascal, pcre, per, perl, perl6, pf, php, php-brief, pic16, pike, pixelbender, pli, plsql, postgresql, povray, powerbuilder, powershell, proftpd, progress, prolog, properties, providex, purebasic, pycon, pys60, python, q, qbasic, rails, rebol, reg, rexx, robots, rpmspec, rsplus, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, spark, sparql, sql, stonescript, systemverilog, tcl, teraterm, text, thinbasic, tsql, typoscript, unicon, upc, urbi, uscript, vala, vb, vbnet, vedit, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xbasic, xml, xorg_conf, xpp, yaml, z80, zxbasic


 element allows authors to specify multiple alternative media resources for media elements.

  &lt;video>
    '''<source src="movie.mp4" type='video/mp4; codecs="avc1, mp4a"'>'''
    '''<source src="movie.ogv" type='video/ogg; codecs="theora, vorbis"'>'''
  &lt;/video>

[[File:Video01.png]]


See also [[HTML/Elements/source|The source element]].


== Fallback contents ==
The fallback contents are contained between &lt;video> ... &lt;/video>.

  &lt;video src="movie.ogv">
    '''&lt;p>Your user agent does not support the HTML5 Video element.&lt;/p>'''
  &lt;/video>


== Video codecs ==
The HTML5 specification does not require a video codec to be supported by all user agents.

See the wikipedia [http://en.wikipedia.org/wiki/Open_video#Table browser support table].


''In the next content, you will learn the HTML tables. "[[HTML/Training/Table|Tables]]"''

[[Category:Tutorials]]