2013-02-20 107 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/

相關問題