近期接触了iptv机顶盒的页面开发，记录下问题和经验。
1. 布局用position：absolute 定位。方便了布局，更重要的是电视上遥控的焦点跳转，在使用传统布局时，如ul,li...，会出现跳转位置与预想不符的情况，所以直接用绝对定位开发。
2. 使用jQuery 进行开发，诸如vue等没有实际使用在IPTV项目，但根据机顶盒内嵌浏览器的兼容性来说，使用jQuery应该是 最不会出现不明bug或兼容问题的开发工具。
3. 使用es5。es6及以上的语句表达方式就不要出现了，因为浏览器识别不到。诸如：=>，let...;
4. 可直接用1280*720的标准图进行开发（px），我是用了rem自适应。
5. 所有需要被聚焦的html元素，都需要被a标签包裹，如：<a href="javascript:dosomething();"><span></span></a>。
6. 每个页面都需要设定一个初始的聚焦点。$('.').focus()。
7. iptv的web开发，在视频播放方面有较大局限性，只能通过给定的API进行定位，播放等操作，所以开发中出现一些奇奇怪怪的问题，有时候也只能曲线救国的去解决了。
8. 聚焦时样式 :focus{}
X. 在机顶盒配置自己服务器地址，设置跳转入口进行测试。
网友评论