我如何将MP4电影embedded到我的HTML?
我在我的网站上有一个TinyMce编辑器的博客部分。 当我发布博客时,我想embedded一个video,它只是吐出了代码。 我在输出脚本中添加了<embed>
标签。
这是我用于video的代码:
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/CgW_5Vthsds"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed> </object>
我错过了什么?
你应该看看video为大家 :
“每个人的video”都只是一小段HTML代码,它使用HTML5元素将videoembedded到网站中,该元素在Firefox 3.5和Safari 3&4以及越来越多的其他浏览器中提供原生播放。
该video由浏览器本身播放。 它加载速度快,不会威胁到浏览器崩溃。
在其他不支持的浏览器中,它会回退到QuickTime。
如果未安装QuickTime,则使用Adobe Flash。 您可以在本地托pipe或embedded任何Flash文件,例如YouTubevideo。
唯一的缺点是,你必须有2/3版本的相同的video存储,但你可以服务于每个现有的设备/浏览器,支持video(即:iPhone)。
<video width="640" height="360" poster="__POSTER__.jpg" controls="controls"> <source src="__VIDEO__.mp4" type="video/mp4" /> <source src="__VIDEO__.webm" type="video/webm" /> <source src="__VIDEO__.ogv" type="video/ogg" /><!--[if gt IE 6]> <object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><! [endif]--><!--[if !IE]><!--> <object width="640" height="375" type="video/quicktime" data="__VIDEO__.mp4"><!--<![endif]--> <param name="src" value="__VIDEO__.mp4" /> <param name="autoplay" value="false" /> <param name="showlogo" value="false" /> <object width="640" height="380" type="application/x-shockwave-flash" data="__FLASH__.swf?image=__POSTER__.jpg&file=__VIDEO__.mp4"> <param name="movie" value="__FLASH__.swf?image=__POSTER__.jpg&file=__VIDEO__.mp4" /> <img src="__POSTER__.jpg" width="640" height="360" /> <p> <strong>No video playback capabilities detected.</strong> Why not try to download the file instead?<br /> <a href="__VIDEO__.mp4">MPEG4 / H.264 “.mp4” (Windows / Mac)</a> | <a href="__VIDEO__.ogv">Ogg Theora & Vorbis “.ogv” (Linux)</a> </p> </object><!--[if gt IE 6]><!--> </object><!--<![endif]--> </video>
有一个更可读性更好的版本:
<!-- "Video For Everybody" v0.4.1 by Kroc Camen of Camen Design <camendesign.com/code/video_for_everybody> =================================================================================================================== --> <!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise --> <!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4.0 --> <video width="640" height="360" controls preload="none"> <!-- MP4 must be first for iPad! --> <source src="__VIDEO__.MP4" type="video/mp4" /><!-- WebKit video --> <source src="__VIDEO__.webm" type="video/webm" /><!-- Chrome / Newest versions of Firefox and Opera --> <source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera --> <!-- fallback to Flash: --> <object width="640" height="384" type="application/x-shockwave-flash" data="__FLASH__.SWF"> <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below --> <param name="movie" value="__FLASH__.SWF" /> <param name="flashvars" value="image=__POSTER__.JPG&file=__VIDEO__.MP4" /> <!-- fallback image. note the title field below, put the title of the video there --> <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__" title="No video playback capabilities, please download the video below" /> </object> </video> <!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want --> <p> <strong>Download Video:</strong> Closed Format: <a href="__VIDEO__.MP4">"MP4"</a> Open Format: <a href="__VIDEO__.OGV">"OGG"</a> </p>
如果您的服务器上有mp4video,并且您希望访问者通过您的HTML页面进行stream式传输。
<video width="480" height="320" controls="controls"> <source src="http://serverIP_or_domain/location_of_video.mp4" type="video/mp4"> </video>
更多信息可以在这里find: GetTechGo.com
TinyMce编辑器最有可能将自己的格式添加到post中。 你需要看看如何逃脱TinyMce的编辑能力。 代码对我来说工作正常。 这是一个WordPress的博客?