chrome 45以上不自动播放"非必要"flash的一种可能解决方案 - acelan86/whatthefuck GitHub Wiki

        /**
         * 创建flash的html
         * @param  {Object} options 选项
         * @return {String}         flash的html
         * http://www.w3help.org/zh-cn/causes/HO8001  修改成仅用embed标签渲染flash
         */
        sinaadToolkit.swf.createHTML = function (options) {
            options = options || {};
            var item,
                k,
                tmpOpt = {},
                encodeHTML = sinaadToolkit.string.encodeHTML;
            
            // 复制options，避免修改原对象
            for (k in options) {
                tmpOpt[k] = options[k];
            }
            options = tmpOpt;
            
            var vars = options.vars;
            
            // 初始化flashvars参数的值
            if ('string' === typeof vars) {
                options.flashvars = vars;
            } else {
                var fvars = [];
                for (k in vars) {
                    item = vars[k];
                    fvars.push(k + "=" + encodeURIComponent(item));
                }
                options.flashvars = fvars.join('&');
            }

             var str = [];

            // 使用embed时，flash地址的属性名是src，并且要指定embed的type和pluginspage属性
            options.name = options.id || 'sinaadtk_swf_uid_' + (sinaadToolkit.swf.uid++);
            options.align = options.align || 'middle';
            options.src  = options.url || '';
            options.type = 'application/x-shockwave-flash';
            options.pluginspage = 'http://www.macromedia.com/go/getflashplayer';

            //这里是hack的关键处
            //因为尺寸小于398*298，在chrome的45以上版本会自动暂停播放flash
            //所以这里只针对这两个条件进行增加逻辑处理
            //在生成的swfHTML的前面增加注释节点，用来保存当前flash的name，实际宽度和实际高度，格式如下
            //<!--fakesize:name|width|height-->
            //在后面配套使用的过程中判断是否有这个注释来决定是否需要恢复flash的尺寸
            //@link: https://news.ycombinator.com/item?id=10133771
            if (sinaadToolkit.browser.chrome > 44 && !(options.width >= 398 && options.height >= 298)) {
                str.push('<!--fakesize:' + options.name + '|' + parseInt(options.width, 10) + '|' + parseInt(options.height, 10) + '-->');
                options.width = '398px';
                options.height = '298px';
            }

            delete options.id;
            delete options.url;
            delete options.vars;

            str.push('<embed');
            
            // 在firefox、opera、safari下，salign属性必须在scale属性之后，否则会失效
            // 经过讨论，决定采用BT方法，把scale属性的值先保存下来，最后输出
            var salign;
            for (k in options) {
                item = options[k];
                if (item || item === false || item === 0) {
                    if ((new RegExp("^salign\x24", "i")).test(k)) {
                        salign = item;
                        continue;
                    }
                    
                    str.push(' ', k, '="', encodeHTML(item), '"');
                }
            }
            
            if (salign) {
                str.push(' salign="', encodeHTML(salign), '"');
            }
            str.push('/>');
            
            return str.join('');
        };

        sinaadToolkit.swf.fill(element, html) {
             var fake, flash, cachePosition;
             //如果匹配中<!--fakesize:name|width|height-->开头的
             if ((fake = html.match(/<\!--\s*fakesize\:([0-9a-zA-Z_]+)\|(\d+)\|(\d+)\s*-->/))) {
                  //防止抖动
                  cachePosition = element.style.position;
                  cacheOpacity = element.style.opacity;
                  element.style.position = 'absolute';
                  element.style.opacity = 0;
                  element.innerHTML = html;

                  //稍微延迟并恢复尺寸，这里的延迟没有经过考证
                  setTimeout(function () {
                      flash = core.swf.getMovie(fake[1]);
                      flash.width = fake[2];
                      flash.height = fake[3];

                      //恢复原来状态
                      element.style.position = cachePosition || 'relative';
                      element.style.opacity = cacheOpacity || 1;
                   }, 100);
               } else {
                   //否则直接填充就是了
                   element.innerHTML = html;
               }
        };