[問題] 有人用過mediaelement.js這個播放器嗎?
最近在研究HTML5的<video>標籤
Survey過好像播放器比較推薦JW Player和mediaelementplayer
不過因為JW Player如果是商業使用要授權所以打算使用mediaelementplayer來播放影片
這個plugin號稱可以讓還沒支援HTML5的瀏覽器順利播放影片,
code如下
head標籤裡
<script src="test_video/mediaelement/build/jquery.js"></script>
<script src="test_video/mediaelement/build/mediaelement-and-player.min.js">
</script>
<link rel="stylesheet"
href="test_video/mediaelement/build/mediaelementplayer.css" />
body標籤裡
<video id="v1" width="540" height="300" poster="photo.jpg"
controls="controls">
<source src="test_video/test.mp4" type="video/mp4" />
<source src="test_video/test.webm" type="video/webm" />
<source src="test_video/test.ogv" type="video/ogg" />
<object width="540" height="300" type="application/x-shockwave-flash"
data="flashmediaelement.swf">
<param name="movie" value="flashmediaelement.swf" />
<param name="flashvars"
value="controls=true&poster=photo.jpg&file=test_video/test.mp4" />
<p>do not support</p>
</object>
</video>
<script>
$(document).ready(function(){
$('video,audio').mediaelementplayer();
});
</script>
原理是會逐一掃過各種格式的影片檔
遇到瀏覽器可以播放的變播放該種影片格式
若是都沒有的話就會用嵌入flash的方式播放
我碰到的問題是
當影片的格式瀏覽器都不支援時 我無法讓flash成功播放
例如當我用Safari開
<video id="v1" width="540" height="300" poster="photo.jpg"
controls="controls">
<source src="test_video/test.ogv" type="video/ogg" />
<object width="540" height="300" type="application/x-shockwave-flash"
data="flashmediaelement.swf">
<param name="movie" value="flashmediaelement.swf" />
<param name="flashvars"
value="controls=true&poster=photo.jpg&file=test_video/test.mp4" />
<p>do not support</p>
</object>
</video>
Safari不支援ogv的影片格式 所以應該會用flash的方式播放
但是執行結果卻是只出現porster 卻沒有出現控制列(ex.播放, 音量)
點擊影片畫面時則會跳出開啟或儲存"test.gov"的視窗
想請問諸位強者
有人遇過這個問題嗎? 是怎麼解決的呢?
或者是有沒有其他推薦的播放器呢? //JW Player因為需要授權所以暫時不考慮
感謝!!!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.115.100.116
推
12/09 00:25, , 1F
12/09 00:25, 1F
→
12/09 00:27, , 2F
12/09 00:27, 2F
推
12/09 00:28, , 3F
12/09 00:28, 3F
→
12/09 00:30, , 4F
12/09 00:30, 4F
→
12/09 00:31, , 5F
12/09 00:31, 5F
→
12/09 00:31, , 6F
12/09 00:31, 6F
→
12/09 00:32, , 7F
12/09 00:32, 7F
推
12/09 00:38, , 8F
12/09 00:38, 8F
→
12/09 00:40, , 9F
12/09 00:40, 9F
※ 編輯: gwendolin 來自: 59.115.100.116 (12/09 00:41)
→
12/09 00:49, , 10F
12/09 00:49, 10F
→
12/09 00:52, , 11F
12/09 00:52, 11F
→
12/09 00:56, , 12F
12/09 00:56, 12F
→
12/09 01:02, , 13F
12/09 01:02, 13F
→
12/09 01:45, , 14F
12/09 01:45, 14F
→
12/11 16:16, , 15F
12/11 16:16, 15F