最近在找一个视频插件,偶尔看见一个口碑啥的都不错的插件,FitsVids。
fitvids.js 是个轻量级,易于使用的 jQuery 插件,用来在网页上播放指定宽度的嵌入视频。Fitvides.js 会自动通过 Thierry Koblentz 的 Intrinsic Ration 方法来在你的响应式网页中实现流体宽度视频。有一款自定义的视频播放器吗?答案是肯定的,Fitvides.js 提供一个 customSelector 自定义选择器,允许用户添加自定义的视频供应商。
网址:http://fitvidsjs.com/
示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta charset="utf-8" /> <title>jQuery Pagination - jPaginate</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="jquery.lasted.min.js"></script> <script src="jquery.fitvids.js"></script> <style> </style> </head> <body> <br><br><br> <div class="vendor"> <iframe width="425" height="349" src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v" frameborder="1" allowfullscreen></iframe> </div> <script> $(function(){ $(".vendor").fitVids(); }); </script> </body> </html>