当前位置: 首页 > 工具软件 > Fitvids.js > 使用案例 >

FitVids,一个轻视频插件,操作简单

燕砚文
2023-12-01

最近在找一个视频插件,偶尔看见一个口碑啥的都不错的插件,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>

 

转载于:https://www.cnblogs.com/SK1995/p/5803116.html

 类似资料: