12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <!DOCTYPE html>
- <html>
- <head>
- <!-- player skin -->
- <link type="text/css" rel="stylesheet" href="skin/minimalist.css">
- <script language="javascript" type="text/javascript" src="../jquery-1.8.0.min.js"></script>
- <script language="javascript" type="text/javascript" src="flowplayer.js"></script>
- <script language="javascript" type="text/javascript" src="embed.min.js"></script>
- </head>
- <body>
- <div id="player" class="fixed-controls" style="width:400px; height:260px;"></div>
- <div id="log"></div>
- <a href="javascript:load2();" >ÁíÍâÒ»¸öÊÓƵ</a>
- <script language="javascript" type="text/javascript">
- var player;
- $(function () {
- player = flowplayer("#player", {
- autoplay: true,
- ratio: 5 / 12,
- clip: {
- sources: [{ type: "application/x-mpegurl", src: "http://183.232.77.53/Movies/20160310/145718007/x.m3u8"}],
- //sources: [{ type: "video/mp4", src: "http://183.232.77.53/Movies/20160310/145718007/x.mp4"}],
- title: ""
- },
- embed: {
- skin: "skin/minimalist.css"
- }
- });
- //player.load();
- //player.play();
- });
- flowplayer(function (api) {
- api.on("load ready", function (e, api, video) {
- var log = $("#log").append(e.type + ": " + video.src + ", duration: " +
- (video.duration || "not available"));
- if (e.type == "ready") {
- player.seek(60);
- }
- $(".fp-brand").remove();
- $(".fp-embed").remove();
- });
- api.on("progress", function (e, api, video) {
- var log = $("#log").append(e.type + ":time: "+video);
- });
- });
- function load2() {
- player.load("1.mp4");
- }
- </script>
- </body>
- </html>
|