html5中文学习网

您的位置: 首页?>?html5二元倍投表?>?滚动新闻 ? 正文

html5视频应用

[ ] 已经帮助:人解决问题

今天发现一个不错的例 子,拿出来和大家分享一下呵呵xiaHTML5中文学习网 - HTML5先行者学习网

html5的应用简单试验xiaHTML5中文学习网 - HTML5先行者学习网
部分源代码:xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? HTML5 Video Voting - ZURB Playground - ZURB.comxiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? Follow us on Twitter xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? Join Our Team??xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ZURBxiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ?

Playground

xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?

Watch these fascinating videos and vote for your favorite parts
using the space bar.

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

Voting & Points of Interest

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

Inspired by our user feedback tool, Verify, we decided to develop a tool to allow you to gather feedback on your videos. Voting is exquisitely simple. All you do is click on the video and use the spacebar to submit your vote, it will automatically populate the bar graph above.

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

The video must be playing and have not ended for your vote to be accepted. You will know when you have successfully voted when the token is placed in the timeline.

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

When you vote, it is added to that section of the videos timeline. This allows a viewer to quickly assess the most intriguing segments of the video and quickly jump to those sections by clicking on the bar graph.

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?
<script src="javascripts/embed.js"></script>xiaHTML5中文学习网 - HTML5先行者学习网
<script>xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? $('#ted').poptastic({xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? 'video_id' : 12,xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? 'autoplay' : true,xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? 'width'? ? : 600,xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? 'height'? ?: 340xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? });xiaHTML5中文学习网 - HTML5先行者学习网
</script>
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

Behind the Scenes

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

HTML5 Video Voting relies on jQuery, and Raphael.js to make the magic happen. We've developed a small jQuery plugin for quickly embedding the "viewer" into any page.

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

We are using the postmessage method for safely communicating with the video that is embedded in a cross-domain iframe.

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?

The player is tested in FireFox 4+, Chrome 10+, and Safari 4+ but may very well work in others.

xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ?
xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网
? ? ? ? ? ? ? ? xiaHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助