关于谷歌浏览器62版本之后引用video.js不能自动播放的问题（Cross-origin plugin content from http://vjs.zencdn.net/swf/5.0.0-rc

Cross-origin plugin content from http://vjs.zencdn.net/swf/5.0.0-rc1/video-js.swf must have a visible size larger than 400 x 300 pixels, or it will be blocked. Invisible content is always blocked.这句话的意思是：来自http://vjs.zencdn.net/swf/5.0.0-rc1/video-js.swf的跨源插件内容必须具有大于400 x 300像素的可见大小，否则它将被阻止。不可见内容始终被阻止。

很明显，这句话有2个关键点1.跨源插件2.大于400*300，这两个问题只要有一个问题能解决就能自动播放，首先大于400*300，有时我们可能需要做一个直播墙，每个窗口的大小可能会小于400*300，我们不能对窗口的大小强制固定，这样做会影响页面布局，所以从窗口大小上解决这个问题貌似走不通。然后看跨源插件，我们只要把上面的插件下载到本地，放到static文件夹中，然后以静态资源的方式引入就能解决跨源的问题。如图，在options的flash属性下引用（注意路径）

文件地址：http://vjs.zencdn.net/swf/5.0.0-rc1/video-js.swf （注意文件名称和引用路径要对应上）

关于谷歌浏览器62版本之后引用video.js不能自动播放的问题（Cross-origin plugin content from http://vjs.zencdn.net/swf/5.0.0-rc相关推荐

uniapp h5直播拉流的几种方法 flv.js， video.js，阿里播放器sdk，video标签
uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签前言首先引入资源文件需要创建index.html 模板文件 flv.js video.j ...
html iframe视频自动播放的属性,iframe通用js播放器myplayer.js加自动播放参数
我的播放器调用方式,通用js播放器myplayer.js打开自动播放&后面的多余参数藐视不受影响. iframe可用于通用视频地址,.MP4去掉所有尾巴 &参数最终自动播放mypla ...
[html] HTML5的video怎么取消自动播放？
[html] HTML5的video怎么取消自动播放? 去掉 autoplay 属性个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一 ...
html5时间线图片自动轮播,js实现自动播放匀速轮播图
本文实例为大家分享了js实现自动播放匀速轮播图的具体代码,供大家参考,具体内容如下函数封装:( 匀速运动函数) function animate(obj,target,step,speed){ cl ...
video标签不能自动播放的原因
复习一下video标签重要的属性吧~文章来源站点https://www.yii666.com/ src 要播放的视频的 URL. autoplay 如果出现该属性,则视频在就绪后马上播放. contr ...
使用html5 video标签不自动播放视频问题（静音播放）
谷歌浏览器使用html5 video标签播放视频,已经加上属性 autoplay="autoplay" 却不自动播放,需要加上muted 静音才可以自动播放.但是问题是没有声音. ...
h5 video在微信自动播放问题
由于第一次写video在微信中自动播放,在网上百度了很多方法均以失败告终. 后来发现是微信禁止了video的自动播放,避免手机用户跑流量. autoplay仅仅在PC使用有效,在微信手机端无效.loo ...
谷歌浏览器Chrome的Console功能实现JS网页自动点击功能
1.这里拿百度音乐VIP兑换页面来做演示. 首先打开百度音乐VIP兑换页面,然后按F12调出切换到Console控制台.如图: https://imgsa.baidu.com/exp/w=500/si ...
video.js插件播放hls、rtmp
一.互联网网络流媒体简介 HTTP stream是各家自己定义的http流,应用于国内点播视频网站. HLS是苹果公司实现的基于 HTTP 的流媒体传输协议,全称 HTTP Live Streamin ...
Video.js使用教程(二)
在上一篇文章中已经记述了video.js的使用,没看到的童鞋请点击这里观看,所以在这一篇中就主要是说说遇到的一下问题,及怎么兼容rtmp和hls. 1.播放rtmp流提示No compatible s ...

关于谷歌浏览器62版本之后引用video.js不能自动播放的问题（Cross-origin plugin content from http://vjs.zencdn.net/swf/5.0.0-rc

关于谷歌浏览器62版本之后引用video.js不能自动播放的问题（Cross-origin plugin content from http://vjs.zencdn.net/swf/5.0.0-rc相关推荐

最新文章

热门文章