chrome 45以上不自动播放"非必要"flash的一种可能解决方案
chrome 45以上flash被拦截的一种可能解决方案
问题
1、chrome 45以上(包含45)版本默认不自动播放"非必要"flash,对于非自动播放的广告,chrome会在flash上悬浮一个播放按钮,点击后可播放
2、对于国内情况来说,flash目前还是很多中小客户的主力素材,展现效果好,且技术成熟。
3、目前flash广告大多数使用覆盖a链接来进行落地页和tracker的承载,无法点中chrome贴心提供的播放按钮,结构大概如下:
1 <div style="width:1000px;height:90px;position:relative;overflow:hidden;"> 2 <embed width="1000px" height="90px" wmode="opaque" align="middle" src="http://d1.sina.com.cn/201511/09/1394644_1000x90_30k.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> 3 </div>
思路
对于chrome, 什么是"非必要"
非必要在chrome定义上大概包含以下两点:
不在同域
尺寸不够大(小于398*298,这个我做过测试,确实如此,也不知道这两个数字怎么拍脑门想出来的,不贴demo了)
参考文件:https://news.ycombinator.com/item?id=10133771 文章内有两个chrome源码的连接,也可以到下面去查看
https://code.google.com/p/chromium/codesearch#chromium/src/content/renderer/pepper/plugin_power_saver_helper.cc&sq=package:chromium&type=cs&l=87
https://code.google.com/p/chromium/codesearch#chromium/src/content/renderer/pepper/plugin_instance_throttler_impl.cc&q=plugin_instance_throttler_impl&sq=package:chromium&type=cs&l=5
尝试一种解决思路
在广告中,由于各种情况限制,要求广告主的素材同域肯定是不方便的,所以只能从尺寸上解决 通过尝试,可以在flash渲染的时候暂时把尺寸设置成大于398*298,在实际展现的时候在设置回来,这里需要createFlash的方法动下小手脚
** 这里的尺寸有几个注意点: 1、不只是flash自己的尺寸而是真正展现的尺寸,有可能flash设置了足够大,但是它外面包含的容器overflow了,导致flash实际尺寸没有这么大,这样也是无法自动播放的 2、经过尝试,opacity:0 的flash只要尺寸足够大,也是可以自动播放的
直接看代码
改造过的swf.createHTML
1 /** 2 * 创建flash的html 3 * @param {Object} options 选项 4 * @return {String} flash的html 5 * http://www.w3help.org/zh-cn

本文介绍了一种针对Chrome45及以上版本浏览器中非必要Flash内容不自动播放的问题解决方案。通过调整Flash尺寸大小,使其符合浏览器自动播放的要求。
最低0.47元/天 解锁文章
577

被折叠的 条评论
为什么被折叠?



