flowPlayer播放器嵌入到网页的代码片段
2015-01-16 14:22
232 查看
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Flowplayer · Load event</title>
<!-- optimize mobile versions -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//releases.flowplayer.org/5.5.2/skin/minimalist.css">
<!-- Minimal styling for this standalone page, can be removed -->
<link rel="stylesheet" href="/media/css/demo.css">
<!-- Syntax highlighting of source code, can be removed -->
<link rel="stylesheet" href="/media/css/pygments.css">
<!-- Flowplayer depends on jquery -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- Flowplayer library -->
<script src="//releases.flowplayer.org/5.5.2/flowplayer.min.js"></script>
<!-- JS setup -->
<script>
$(function() {
$(".player").flowplayer(function() {
console.info("init", arguments);
}).bind("load", function() {
console.info("load", arguments)
});
flowplayer().bind("load", function() {
console.info("load2", arguments);
});
});
</script>
</head>
<body>
<div class="player" data-ratio="0.4167">
<video>
<source type="video/mp4" src="http://192.168.0.111:8080/iclass/data/test.mp4">
</video>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Flowplayer · Load event</title>
<!-- optimize mobile versions -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//releases.flowplayer.org/5.5.2/skin/minimalist.css">
<!-- Minimal styling for this standalone page, can be removed -->
<link rel="stylesheet" href="/media/css/demo.css">
<!-- Syntax highlighting of source code, can be removed -->
<link rel="stylesheet" href="/media/css/pygments.css">
<!-- Flowplayer depends on jquery -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- Flowplayer library -->
<script src="//releases.flowplayer.org/5.5.2/flowplayer.min.js"></script>
<!-- JS setup -->
<script>
$(function() {
$(".player").flowplayer(function() {
console.info("init", arguments);
}).bind("load", function() {
console.info("load", arguments)
});
flowplayer().bind("load", function() {
console.info("load2", arguments);
});
});
</script>
</head>
<body>
<div class="player" data-ratio="0.4167">
<video>
<source type="video/mp4" src="http://192.168.0.111:8080/iclass/data/test.mp4">
</video>
</div>
</body>
</html>
相关文章推荐
- 网页嵌入媒体播放器代码
- 在网页中嵌入PDF代码
- 网页中嵌入 Media Player 的代码
- 防止网页被嵌入框架的代码(续)
- 防止网页被嵌入框架的代码(续)
- 可嵌入到网页的实用查询代码
- 网上比较常用的嵌入网页中的播放器代码收藏
- JSP学习步骤第一节(关于JSP中对于网页和代码的嵌入的学习)
- 网页中嵌入百度搜索栏代码
- 网页变黑白代码 + 在网页中嵌入flash
- 网页中嵌入flash的代码
- 网页嵌入视频播放代码
- Google PageRank在线批量查询+网页嵌入图片代码
- 网页嵌入视频播放器代码大全
- winform窗体中嵌入网页(DHTML代码和winfrom应用程序交互)
- 网页嵌入媒体播放器代码 选择自 murky 的 Blog
- 网页嵌入媒体播放器代码
- MSN,QQ在线即时交谈网页嵌入代码
- 7款嵌入网页的天气预报代码
- 网上比较常用的嵌入网页中的播放器代码收藏