...I''ll show you two ways, I recomend the second, but is possible the language HTML5 can not use it in a few browsers. Worth doing with open source software, and not flash enviroment. At the same time worth doing with free codecs like Theora/Vorbis or other ones like the new WEBM. Get a free & open environment against owners.
1. way in flash:
...when extracting a youtube, blip.tv, etc... code, like the next one:
<embed src="http://blip.tv/play/AYGshQUC" type="application/x-shockwave-flash" width="480" height="888" allowscriptaccess="always" allowfullscreen="true"> </embed>
...and inserting it in the body section of a new page, evenselecting "FullHTML" ...it won't work...
Take "embed src" code, in the last example:
a. click on insert flash

b. put the copied code to URL

change the size in numbers or manualy...
and finaly...
(over this line is flash video & flash player)
2. way in HTML5:
a. On Body area in Drupal new web page, click on "Source" or "Codi font", and put the next code. If don't use this button, the code will see like a text, not functional code. Meanwhile, when click on source option, exist the tags <pre> & </pre>, and put code outside. The other way (inside the <pre> tags) the code doesn't work, and will see like text only.
b. Put the next code. The ogv file is the stored file link.
<video width="201" height="205" tabindex="0" id="video" controls="controls" preload="none"> <source src="http://blip.tv/file/get/Eloirebes-logoGuifinet417.ogv" type="video/ogg; codecs="theora, vorbis""></source> </video>
...& the result:
(over this line is HTML5 & .ogv video)
I recomend to convert the video in other formats too, to arrive at maximum of possibles users. Because HTML5 can contain the diferents links for diferents file video format. Like the next code. Every diferent browser will select the prefered one. Alternative option at HTML5, it try flash for a general users. Maybe I forget an important format for a special browser, if anybody knows, please tell which one.
<video width="201" height="205" tabindex="0" id="video" controls="controls" preload="none"> <source src="http://blip.tv/file/get/Eloirebes-logoGuifinet586.webm" type="video/webm"></source> <source src="http://blip.tv/file/get/Eloirebes-logoGuifinet417.ogv" type="video/ogg"></source> <source src="http://blip.tv/file/get/Eloirebes-logoGuifinet963.mp4" type="video/mp4"></source> <embed src="http://blip.tv/play/AYGshQUC" type="application/x-shockwave-flash" width="480" height="888" allowscriptaccess="always" allowfullscreen="true"> </embed>Your browser doesn't support HTML5, please update! </video>
...you can see, the new WEBM video format, that is VP8 codec bought by google, then they open in GPL licence, and that way has options to get the new HTML5 video standard.
Complet flash code, nearest, a message that tell the browser don't support video tag and need to update. At this way, like alternative, will see the video flash with the alarm message.
To put all code to Drupal page, will need to activate the "FullHTML" option at the web editor. I was testing in some system, and found some trouble that I cannot see the video correctly. This point contradicts with the first way (flash one) of this manual. I think that the <embed> tag is insite the <video> tag, and in drupal with some system, need to be fully code.
...& the final result!!:
(over this line is HTML5 video with diferents options)
...now can test this link manual in diferents browsers. I'll give you the next table with browser's versions that suports HTML5.
| IE | Firefox | Safari | Chrome | Opera | iPhone | Android |
|---|---|---|---|---|---|---|
| 9.0+ | 3.5+ | 3.0+ | 3.0+ | 10.5+ | 1.0+ | 2.0+ |
important!: if you don't see any video, is because your web browser can't play flash neither HTML5. xD