You are here
flowplayer 参数
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flowplayer 选择配置</title>
<!-- 1. jQuery 库 -->
<script src="../jquery.min.js"></script>
<!-- 2. flowplayer 播放器 -->
<script src="../flowplayer.min.js"></script>
<script>
flowplayer.conf.volume = 0.8;
flowplayer.conf.fullscreen = false;
</script>
<!-- 3. 播放器皮肤（ 外观 ） -->
<link rel="stylesheet" href="../skin/minimalist.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="../bootstrap/css/bootstrap-responsive.css">
<!-- 自定义样式表 -->
<link rel="stylesheet" href="../css/style.css">
</head>
<body>
<header>
<div class="container">
<h5>Selective Configuration</h5>
</div>
</header>
<div class="container">
<!-- 播放器开始 -->
<div class="ninghao-player player-1" data-volume="0.5" data-tooltip="false">
<video poster="../video/croods-02.jpg">
<source type="video/mp4" src="../video/croods-02.mp4">
</video>
</div>
<!-- 播放器结束 -->
<!-- 播放器开始 -->
<div class="ninghao-player player-2">
<video poster="../video/croods-03.jpg">
<source type="video/mp4" src="../video/croods-03.mp4">
</video>
</div>
<!-- 播放器结束 -->
</div>
<script>
$( function () {
$( ".player-1" ).flowplayer();
$( ".player-2" ).flowplayer({
fullscreen : true
});
});
</script>
</body>
</html>
普通分类: