JW Player通过配置可以在不支持HTML5浏览器的情况下,自动的将HTML5视频转化为Flash视频
同时也支持m3m8、flv等流媒体播放。具体参见 http://www.longtailvideo.com/players/
配置起来很简单,先在引JS
<script src='jwplayer.js'></script>
再在想放视频的地方放下如下代码就行了,上面面那个demo是我希望优先用html5播放,再其次用Flash播放
<video id='mediaplayer' ></video>
<script type="text/javascript">
jwplayer('mediaplayer').setup({
'id': 'playerID',
'width':1280,
'height':720,
levels: [
{file: 'Using2-stepverification.mp4',type: 'video/mp4' },//mp4文件提供给Flash
{file: 'Using2-stepverification.webm', type: 'video/webm' },//webm文件提供给HTML5
],
'modes': [
{type: 'html5'},//优先级1,以下类推
{type: 'flash', src: 'player.swf'},
{type: 'download'}
]
});
</script>
<script type="text/javascript">
jwplayer('mediaplayer').setup({
'id': 'playerID',
'width':1280,
'height':720,
levels: [
{file: 'Using2-stepverification.mp4',type: 'video/mp4' },//mp4文件提供给Flash
{file: 'Using2-stepverification.webm', type: 'video/webm' },//webm文件提供给HTML5
],
'modes': [
{type: 'html5'},//优先级1,以下类推
{type: 'flash', src: 'player.swf'},
{type: 'download'}
]
});
</script>
請問如果寬和高想使用css控制,應該怎樣做的。
纯css做不到,但是这里有个近似的解决方案 : http://www.coolestguidesontheplanet.com/videodrome/jwplayer/
Thank You….