Если для вас приемлемым вариантом является размещение на хостинге, платные аккаунты на таких сайтах, как Vimeo и Wistia, будут показывать Flash-видео в браузерах настольных компьютеров и HTML5-видео для смартфонов и других мобильных устройств, таких как iPad, и будущих планшетов от Samsung, Blackberry и т. Д. .
Если вы будете заниматься хостингом самостоятельно, я рекомендую использовать тег HTML5 с простым отступлением от Flash. Превосходный VideoJS сценарий обрабатывает большинство сложных вещей для вас и даже позволяет создавать собственные коды для встраивания .
По сути, HTML будет выглядеть так:
<video width="640" height="360" poster="poster.png" controls preload>
<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> <!-- This video file is for Safari, Chrome and smartphones running iOS and Android, it will also be referenced later in the Flash fallback for Internet Explorer -->
<source src="video.ogv" type='video/ogg; codecs="theora, vorbis"' /> <!-- This video file is for Firefox, Opera, and is also supported by Chrome -->
<object id="flash_fallback" width="640" height="360" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> <!-- This calls on FlowPlayer, an excellent third party Flash video player -->
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"playlist":["poster.png", {"url": "video.mp4","autoPlay":false,"autoBuffering":true}]}' /> <!-- Notice here you're calling the same .mp4 file as above -->
<img src="poster.png" width="640" height="360" alt="Poster Image" title="No video playback capabilities." /> <!-- If the browser can't handle any of the HTML5 video files and doesn't have Flash installed, they'll just get the poster frame as shown here -->
</object>
</video>
Надеюсь, это поможет!