May 11, 2015

免费轻量级网页播放器f4player, flv, f4v, mp4, stream, live stream, subscribed CDN

By Gideon Javascript /Jquery / React / Bootstrap / Web 0 Comments

用法：

<object id="f4Player" width="480" height="270" type="application/x-shockwave-flash" data="/data/dev/f4player/player.swf?v1.3.5">
  <param name="movie" value="/data/dev/f4player/player.swf?v1.3.5" />
  <param name="quality" value="high" />
  <param name="menu" value="false" />
  <param name="scale" value="noscale" />
  <param name="allowfullscreen" value="true">
  <param name="allowscriptaccess" value="always">
  <param name="swlivevonnect" value="true" />
  <param name="cachebusting" value="false">
  <param name="flashvars"   value="skin=[SKIN_FILE]&video=[VIDEO_FILE]"/>
  <a href="http://www.adobe.com/go/flashplayer/">Download it from Adobe.</a>
  <a href="http://gokercebeci.com/dev/f4player" title="flv%20player">flv player</a>
</object>

或

<embed type="application/x-shockwave-flash" src="/data/dev/f4player/player.swf?v1.3.5" id="f4Player" width="480" height="270" flashvars="skin=[SKIN_FILE]&video=[VIDEO_FILE]" allowscriptaccess="always" allowfullscreen="true" bgcolor="#000000"/>
<noembed>
   You need Adobe Flash Player to watch this video.
   <a href="http://get.adobe.com/flashplayer/">Download it from Adobe.</a>
   <a href="http://gokercebeci.com/dev/f4player" title="flv%20player">flv player</a>
</noembed>

官网：http://gokercebeci.com/dev/f4player

下载：http://gokercebeci.com/dev/download/f4player

移动前端工作的那些事---前端制作篇之框架篇
为了更好的提升用户体验，移动端逐渐出了许多的移动端的框架，比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点，不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点：一、Sencha Touch框架是一个重量级的框架、它上手较难，代码复杂，并且需要较强的程序基础才能学习，最开始的时候因为一个项目，想使用Sencha Touch框架，后来工期实在太紧张，根本没时间学习它并使用。所以最后转投其他框架。这个框架兼容性很高，运行起来的速度一般，需要长时间的学习且需要水平较高的程序基础才行。所以不太适合前端制作人员的使用。我会在以后的机会单开一篇关于它的使用demo。二、JQTouch是一个轻量级框架、纯jquery写法，上手比较容易，代码容易理解，加载速度也很快，缺点是配合的移动端效果插件较少，需要很多外部的插件相结合，另外，个别插件还需要解决与框架之间的兼容问题。它的最大的一个弊端就是可利用和变通的布局较少。三、Jquery-moblie也是一个轻量级框架、纯jquery写法，上手容易，代码容易理解，但由于其绑定的前端效果插件过多，且代码结构有些臃肿，造成加载速度很慢。尤其是在android系统上测试，速度很慢。用户体验效果不太好，它比较适合开发IPAD或是IOS系统的高端机型。四、jqMobi也是一个轻量级框架、它的语言基于jquery语言。并对其进行了简化，更有利于在移动设备上进行应用，并且速度很流畅。上手也比较容…
jQuery实现的测试答题功能
有时在网页中要加入一个在线测试功能，例如在线调查，在线测试各类知识等应用，这类应用需要用到很多前后端技能。今天我给大家分享一个基于jQuery的前端应用——测试答题功能。查看演示下载源码 HTML 首先载入jquery库文件和quiz.js以及所需的CSS样式文件styles.css。 <script src="jquery.js"></script> <script src="quiz.js"></script>…
用JavaScript探测页面上的广告是否被AdBlock屏蔽了的方法
每个人都讨厌广告。看电视、看电影、看优酷、看网页时，对满天飞的广告也是深恶痛绝。广告是一个不招人喜欢的东西。但是，对一个中小网站站长/ 博客主来说，广告几乎是唯一的能成支持网站/博客正常运转的资金来源。如果一个博客主，只是无私发布稿件，能坚持几年的，很少。大多数慢慢失去了热情。火狐浏览器和谷歌浏览器里都有能够屏蔽页面给广告的插件，最有名的是AdBlock和AdBlock Plus。前几天，我做一个统计，看看浏览网站的用户中有多少人使用了AdBlock插件，发现这个数目竟然有总浏览人数的1/5。 1/5是一个不小的数目。如何能让广告位在这1/5的使用了AdBlock插件的用户的页面上用其它图片代替呢？要想做到这一点，首先是要有个办法知道当前浏览器中使用了AdBlock插件。经过一些测试，我发现，AdBlock对“Ad”或“Google AD”这样的词非常敏感，只要是某个页面元素的ID或css class名中有“Ad”字样的，这个元素基本上都会被AdBlock插件屏蔽掉，也就是 display:none：…

Just Code

免费轻量级网页播放器f4player, flv, f4v, mp4, stream, live stream, subscribed CDN

About Author

Gideon

Add a Comment

Related Posts

Related Posts

About Author

Gideon

Add a Comment