Javascript 将div悬停在youtube视频上方

我有一个脚本正在调用youtube提要，然后显示视频（无iframe） 请看一下小提琴：

我想在播放器顶部显示一个img，所以我附加了一个img，如下所示：

 html += '<span>Top Rated</span><img src="http://christianjamesphoto.com/themes/chrisjames/images/arrow-left.gif" /></div>';

html+='Top-Rated'；

---

并分配给它一个

z索引：9999wmode=“transparent”

放在链接中，但我不确定如何在url中实现这一点。我该怎么做才能让它在播放器顶部显示img？

播放器是一个flash对象，要在上面显示图像，您应该考虑：

将此参数添加到videoEmbed：

videoEmbed += '<param name="wmode" value="transparent"></param>';

videoEmbed+=''；

您可以在代码中尝试以下操作：

html = '<li>';
html += '<div style="position:absolute; top:0px; z-index:2000;"><span>Top Rated</span>';
html += '<img src="http://christianjamesphoto.com/themes/chrisjames/images/arrow-left.gif" alt="" /></div>';
html += $.jTubeEmbed(this.video, embedOptions);
html += '<a href="'+this.link+'">'+this.title+'</a>';
html += '</li>';

html='
'；
html+=‘最高评级’；
html+=''；
html+=$.jTubeEmbed（this.video，embeddeoptions）；
html+=''；
html+='
'；

您可以向jTubeEmbed插件添加一个新选项，如下所示：

 html += '<span>Top Rated</span><img src="http://christianjamesphoto.com/themes/chrisjames/images/arrow-left.gif" /></div>';

变化：

    jTubeEmbed: function(video, options) {
        var options = $.extend({
            // Embed Options
            width: 560,
            height: 340,
            wmode: 'window', // can be window, transparent and opaque

            // Player Options
            autoplay: false,
            fullscreen: false,
            related: true,
            loop: false,
            keyboard: true,
            genie: false,
            border: false,
            highdef: true,
            start: 0
        }, options);

        // ... ommitted for brevity ...

        if(options.wmode) {
            videoEmbed += '<param name="wmode" value="' + options.wmode + '"></param>';
        }

        if(options.fullscreen == true) {
            videoEmbed += '<param name="allowFullScreen" value="true"></param>';
        }

        videoEmbed += '<embed src="'+videoUrl+'"';
        videoEmbed += '    type="application/x-shockwave-flash"';

        if(options.wmode) {
            videoEmbed += '    wmode="' + options.wmode + '"';
        }

        if(options.fullscreen == true) {
            videoEmbed += '    allowfullscreen="true"';
        }

        videoEmbed += '    allowscriptaccess="always"';
        videoEmbed += '    width="'+options.width+'" height="'+options.height+'">';
        videoEmbed += '    </embed>';
        videoEmbed += '</object>';

        return videoEmbed;
    }

---

左箭头为我显示在播放器顶部。你在测试什么浏览器？@Dcullen我正在使用最新版本的chrome。我也看到了箭头，但不是一直都看到。有时只有当我向下滚动时，它才会消失（不稳定）。但这只是在JSFIDLE中。当我从桌面上看它时，我根本看不到箭头，它在JSFIDLE上不起作用……同样的问题。它没有显示在页面加载上我只是忘记了在代码调用中添加参数，但是插件已经更改了。更新了小提琴：