html5視訊播放器video player 選擇

網上能找到的好的支援html5的視訊播放器非常有限，研究了幾個還可以的，發現都有這樣或者那樣的問題，不是不給源代碼，就是不支援全屏播放，要麼就是界面難看沒有提供模闆。

後來發現能用的也就是projekktor。但是從projekktor官方網站上下載下傳了代碼安裝到網上之後發現firefox的視訊是無法加載的，測試了n次自己瞎找了n個原因都沒有解決，後來還是在官網論壇上看到了解決方案。

flash視訊播放器必須用url全位址，用以下示例代碼在所有浏覽器上測試均沒有問題。坑爹啊，為了找一個好的視訊播放器，我容易嗎，雖然projekktor的界面我還是覺得不夠滿意，但是能找到像樣的，而且是免費的，我還能說啥呢。

<!-- lang: html -->
  <!DOCTYPE HTML>
<html>
<head>
<title>Projekktor Version 8 Test</title>
<link rel="stylesheet" href="theme/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script> <!-- Load jquery -->
<script type="text/javascript" src="projekktor-1.2.04r140.min.js"></script> <!-- load projekktor -->
</head>
<body>
<video id="player_a" class="projekktor" poster="intro.png" title="this is projekktor" width="640" height="360" controls>
<source src="http://www.projekktor.com/intro.ogv" type="video/ogg" />
<source src="http://www.projekktor.com/intro.mp4" type="video/mp4" />
</video>
<script type="text/javascript">
$(document).ready(function() {
projekktor('#player_a', {
    volume: 0.8,
    playerFlashMP4: 'http://www.yoursite.com/jarisplayer.swf',
    playerFlashMP3: 'http://www.yoursite.com/jarisplayer.swf',
    plugin_display: {
     logoImage:"intro.png",
     logoURL:"http://www.yoursite.com/",
     target:"_blank"
    }
});
});
</script>
</body>
</html>

複制

後記，後發現ogv這種格式可能在生成的時候就可以限制播放的域名，是以導緻某些ogv隻能在特定的域名下播放，後來找了國内一個叫cc視訊的http://www.bokecc.com 提供播放代碼來的比較友善。國外有http://corp.kaltura.com/