【论HTML5播放器】🖥面对五花八门的HTML5播放器😇,你肿么看😰?

@Ta 10-05 00:37 320点击

许多浏览器都要在2020年停止对Flash的支持了(这就好比当年的手机厂商停止对可拆卸式电池的支持一样),到时候,要么你就选择更换还支持Flash的浏览器,要么你就选择同样支持HTML5播放器的网站

为什么要使用html5播放器?


  相比flash播放器可大量减少资源占用。半透明控制条更酷。部分网站自动跳过视频广告。

  HTML5 播放器是页面的播放器,通过浏览器提供的接口调用其功能。相对于客户端封装的播放器而言页面播放器的功能不算强大,但基本的播放需求还是可以满足的。

● width/height,高度、宽度,可设置百分比的相对单位进行页面自适应,兼容横、竖屏幕的切换。

● poster,设置视频封面,可设置海报或截图(不过图片尺寸不好控制)。

● autoplay/preload,如果出现该属性,则视频在就绪后马上播放。对于免费的内容。可以立刻播放。否则用户点击了播放就跳到“订购”。如果自动播放会占用用户的流量。

● loop,如果出现该属性,则当媒介文件完成播放后再次开始播放。controls,如果出现该属性,则向用户显示控件,比如播放按钮、全屏。如果需要自定义播放器样式,可以设置该属性不去显示默认控件。利用浏览器 JavaScript 接口实现相应的功能。

从用户体验来说,HTML5播放器真的好用吗?

HTML5播放器需要用到各种脚本控件、各类UI界面,使的各个不同网站的HTML5播放器的风格/方案看上去眼花缭乱,且对于注重观影效果的用户来说,体验甚差;且使用了不同的脚本控件的HTML5播放器也未必兼容所有的浏览器,比如有些浏览器看不到播放器按钮、有些浏览器只能听到声音,看不到图像,甚至有些就无法加载视频流,导致无法播放。

就像下面的各类HTML5播放器一样:

http://www.52player.cn/Demos/ckplayer


http://www.52player.cn/Demos/CuSunPlayerV35List


http://www.52player.cn/Demos/jqueryPoPlayer


http://www.52player.cn/Demos/html5mp3musiclist



推荐一款:HTML5播放器-增强扩展插件
https://greasyfork.org/zh-CN/scripts/27614





菩提本无树,明镜亦非台。
本来无一物,何处惹尘埃!

ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้۩͇̿v͇̿i͇̿p͇̿۩
華為P30 (Pro版)-(金色)

回复列表(6)
  • 1
    @Ta / 10-06 11:15

    没人回复吗?我支持bilibili播放器,不仅支持弹幕,还支持FLV封装格式,甚至可以播放FLV直播流

  • 2
    @Ta / 10-08 10:02

    @老虎会游泳,楼主仿佛是老虎小号。
    红米Note4高配版(银色)

  • 3
    @Ta / 10-08 10:40
    可以,牛批。

    那给你看看一个用手势操作的音乐播放器吧(手机端打开,个别浏览器手势会冲突)

    http://uquhu.cn
  • 4
    @Ta / 10-08 10:49

    @水木易安,说了多少遍了!不是就是不是!铁证如山!无需反驳!


    菩提本无树,明镜亦非台。
    本来无一物,何处惹尘埃!

    ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้۩͇̿v͇̿i͇̿p͇̿۩
    華為P30 (Pro版)-(金色)

  • 5
    @Ta / 10-08 10:57

    @love封尘,对于支持左右滑屏进行页面前进后退的浏览器来说,这种手势是有冲突的
    而且,你告诉我电脑怎么用手势?难道买一个“手势压感”器吗?


    菩提本无树,明镜亦非台。
    本来无一物,何处惹尘埃!

    ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ฏ้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้۩͇̿v͇̿i͇̿p͇̿۩
    華為P30 (Pro版)-(金色)

  • 6
    @Ta / 10-08 13:30
    @老虎會游泳,F12,模拟手机就可以用了
添加新回复
回复需要登录

[聊天-公共聊天室] 别人:@o,来给10万,10年后还你