声音无法自动播放这个在IOS/Android上面一直是个惯例，桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66也正式关掉了声音自动播放，也就是说<audio autopaly></audio> <…

rtmp地址：香港卫视：rtmp://live.hkstv.hk.lxdns.com/live/hksCEN-中经电视：rtmp://116.213.200.53/tslsChannelLive/PC

这篇总结其实是去年公司每周技术分享会轮到我的时候写的。那时候公司正在大刀阔斧地准备直播业务，私以为主管会委以重任，就翻了不少论坛，做了一次简单的技术分享。后来直播业务让另一位同事承担了，自己也就没了实践直播的机会，有点可惜吧。好了，废话不多说，开始我们的理论篇~ 可以看到，直播…

属性规定在页面加载后载入视频。如果设置了 autoplay 属性，则忽略该属性。 视频播放时局域播放，不脱离文档流 。但是这个属性比较特别， 需要嵌入网页的APP比如WeChat中UIwebview 的allowsInlineMediaPlayback = YES webvie…

最近做了一个小需求。大概是微信H5端点击视频。然后全屏播放；功能挺简单的吧。这边用的就是html的video组件。也遇到点问题 就记录一下。 这边加了一些属性的描述--我发现有的属性介绍说是起什么作用的。但是发现并没有生效。可能是因为有的属性共同存在导致不生效吧 。具体的也没有…

由于全屏播放在移动web上的兼容问题，尤其是在iOS上，让全屏本应该比较简单的操作，根据业务的需求，有时候会有些复杂。这里查看原生全屏相关API 模拟全屏的好处是可以自定义相关控件，以达到统一多端样式的目的，并可以在全屏模式下做很多自定义的操作；缺点是，在移动端需要终端支持，且…

工作中用到video标签做视频播放器，一开始用 video.js 插件代替，如果只用这个插件进行简单的播放视频，是不是有点浪费，而且这个插件用 webpack 打包后 vendor.js 会很大，所以本文实现一个基于HTML5标签video的自定义视频播放器。其中实现了播放暂停…

产品开发培训内容，视频。 Video.js初始化有两种方式。 标签里面加上class="video-js"和data-setup='{}'属性。 注意，两者缺一不可。 导致播放器加载不出来，后来加上来就可以了。 的id。 video.js默认的播放按钮在左上角，应该是 vide…