2013-02-20 122 views
1

我想将MP4视频嵌入到我的网页中。 起初,我将插件设置为Quicktime播放器,但电影播放不顺畅,因此我决定使用Windows Media Player插件。除了使用WinXP的用户之外,所有这些都可以工作。是否有一个技巧让它可以在WinXP上运行?这是我使用的HTML:用windows media player插件嵌入MP4视频

<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="300" height="150" data="test.mp4" url="test.mp4" type="video/x-ms-asf"> 
<param name="url" value="test.mp4"> 
<param name="filename" value="test.mp4"> 
<param name="autostart" value="1"> 
<param name="autosize" value="1"> 
<embed src="test.mp4" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" width="300" height="150" autostart="true" scale="tofit"></embed> 
</object> 
+2

这是糟糕的主意,如果你希望它是很多浏览器兼容的示例代码。您应该考虑使用HTML5来嵌入视频,或者使用Youtube/Vimeo来实现最大兼容性或其他JS方法。 – 2013-02-20 16:01:52

+0

看到我对Jorges回复下面的评论.. – Adam 2014-03-06 15:01:04

回答

0

使用HTML5:

<video width="300" height="150" controls> 
<source src="movie.mp4" type="video/mp4"> 
Your browser does not support the video tag. 
</video> 

Example with events

+0

Thx的答复,但视频标签不支持在IE8? – mattyh88 2013-02-21 08:15:25

+0

使用[modernizr](http://modernizr.com/)很容易,即使在IE6中也支持HTML5标签。 – 2013-03-12 17:36:48

+0

对任何新手的人都可以获得关于HTML5的说明。 HTML5并不像在HTML视频标签中播放视频那么简单。 HTML5本身强制自己的一套规则,并且不能跨浏览器进行操作。有些浏览器会播放视频,其他浏览器则不会。你不能让它播放任何旧的视频文件。视频文件必须采用特定的编解码器格式。如果你想跨浏览器,你需要以多种格式作为备份。 当然,它试图强制某种一致性,但请注意,它仍然不会仅仅播放任何旧的mp4文件。你仍然需要回退。 – Adam 2014-03-06 15:02:30

1

jwplayer可能是最好恕我直言HTML5视频播放器

http://www.longtailvideo.com/jw-player/

而且相当而不仅仅是指定一个单一的视频格式将与mp4,ogg,webm等一起使用,以便在大多数浏览器和移动设备上加载视频。

这是闪回退

<script type="text/javascript" src="/jwplayer/jwplayer.js"></script> 

<video height="270" width="480" id="myVideo"> 
    <source src="/static/bunny.mp4" type="video/mp4"> 
    <source src="/static/bunny.webm" type="video/webm"> 
</video> 

<script type="text/javascript"> 
    jwplayer("myVideo").setup({ 
    modes: [ 
     { type: 'html5' }, 
     { type: 'flash', src: '/jwplayer/player.swf' } 
    ] 
    }); 
</script> 

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/22644/using-the-html5-video-tag/

相关问题