Experimental build with tag support introduced At the moment, the video is an integral part of the web. Wide channels, powerful processors, in general, accessibility for everyone. And as everyone knows, now commercial plugins based on closed standards are used to embed videos. Opera set out to make the insertion of video content as simple and clear as it is done with images.
It is for demonstration and testing of this approach that
Opera Lab released (as it turned out not the first) an experimental build based on the alpha version of the browser being developed at number
9.5 . Therefore, for those interested, there is a warning: do not install this build over the existing version.
Ogg Theora was accepted as a candidate for the standard codec, as it is free and widely available.
How it works A new item has been introduced.
which is proposed and described in the draft standard <a href="http://www.whatwg.org/specs/web-apps/current-work/#video"> <strong> HTML5 </ strong> </a>. <code> <video controls src = ”kino.ogg”> </ video> <video controls src = ”kino.ogg”> The necessary codecs for video support were not found </ video> </ code> The above two examples show how You can easily embed a video. Using the controls attribute, we indicate that we want to use the built-in controls provided by the browser. This attribute is necessary, since we can refuse to use the built-in control and want to make our own (the most correct and most beautiful) interface for managing the video. Unfortunately, the video-enabled build is currently available only on the <strong> Windows </ strong> platform. For the curious, several ready-made examples were presented: <ul> <li> <a href="http://people.opera.com/howcome/2007/video/controls.html"> native controls </a> </ li > <li> <a href="http://people.opera.com/howcome/2007/video/simple.html"> scripted controls </a> </ li> <li> <a href = "http: //people.opera.com/howcome/2007/video/opacity.html">scripted with opacity </a> </ li> <li> <a href = "http://people.opera.com/howcome/ 2007 / video / wikipedia / octopus.html "> Wikipedia-based demo on octopus </a> </ li> <li> <a href =" http://people.opera.com/howcome/2007/video/wikipedia /macaw.html">Wikipedia-based demo on parrots </a> </ li> </ ul> In addition to the easy handling of the video, this build has several other features, including the video in <strong> SVG </ strong> and support for <strong> 3DCanvas </ strong>. All this may indicate that by the final version 9.5, we can expect the appearance of these features, as they say - <em> out of the box </ em> Download address: http://snapshot.opera.com/windows /opera_950_9644_en_video.exe [5.1 MB] <h3> Screenshots </ h3> It is clear that transferring the essence of video in pictures is not a thankful matter, but it may be useful to someone. The first example plays a video with embedded controls (<a href="http://people.opera.com/howcome/2007/video/controls.html"> native controls </a>): <img src = "https : //habrastorage.org/getpro/habr/olpictures/31e/8c0/2a4/31e8c02a456bdb5c8a0eff7013a8e39d.jpg "width = 450 height = 321 border = 0 alt =" Built-in controls "hspace = 10 vspace = 10> Here the controls are made independently, they are also superimposed on the video using the transparency effect (<a href="http://people.opera.com/howcome/2007/video/opacity.html"> scripted with opacity </a>): <img src = "https://habrastorage.org/getpro/habr/olpictures/525/310/bce/525310bce87c13b61ec38a2d1c4d7c81.jpg" width = 450 height = 321 border = 0 alt = "Self-made controls with transparency "hspace = 10 vspace = 10> And this is a SVG file that plays video with a flying ball, its vague reflection can be seen below (<a href =" http://people.opera.com/howcome/2007 /video/svg/video-reflect.svg">video-reflect </a>): <img src = "https://habrastorage. width = 450 height = 321 border = 0 alt = "Video in SVG with reflection" hspace = 10 vspace = 10> Source: https://habr.com/ru/post/16127/All Articles