视频播放优化插件

最近太忙了，很久没来写博客了。今天做了一个视频播放的页面，用到了一款插件，觉得还不错，功能很强大，能替换封面，支持谷歌火狐等浏览器。

代码：

<!-- poster为封面图 -->
       <video width="600" height="300" id="player2" poster="media/pic02.jpg" controls="controls" preload="none">
            <!-- MP4 source must come first for iOS -->
            <source type="video/mp4" src="media/movie.mp4" />
            <!-- WebM for Firefox 4 and Opera -->
            <source type="video/webm" src="mdeia/movie.webm" />
            <!-- OGG for Firefox 3 -->
            <source type="video/ogg" src="media/movie.ogv" />
        </video>
        <span id="player2-mode" style="display: none;"></span>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/mediaelement-and-player.min.js"></script>
        <script type="text/javascript">
             $('audio,video').mediaelementplayer({
                  success: function(player, node) {
                    $('#' + node.id + '-mode').html('mode: ' + player.pluginType);
                  }
                });
        </script>   

除了基本的css和js,另外还要注意，css文件夹还包括播放和全屏等控件的svg.