Question

Hello awesome coders，

我正在使用扩展视图的缩略图网格

示例：http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/

我在扩展程序中添加了一个视频部分，它通过html5 data-attribute获取视频ID，在HTML中看起来像这样

<div id="test" class="videoPlayer"> iframecode here </div>

现在我的问题是，如果我没有定义视频ID，它会给我vimeo错误iframe（抱歉我们找不到你的视频）。现在我想弄清楚如果那个iframe代码存在，如何不显示该视频。这是我的代码（抱歉，>和<无法在这里与我合作。

    if ( document.getElementById('test').innerHTML === 'iframe width="560" height="315" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="http://player.vimeo.com/video/?title=0&byline=0&portrait=0" /iframe' ){
    document.getElementById('test').css({display:'none'})
    } else {
    //dosomethingelse
     }

我甚至不知道这是否可能，但这是我能得到的最接近的：S

提前致谢！

Answer 1

document.getElementById('test').css({display:'none'})

它不存在这样的属性（它是jQuery），你必须这样做：

document.getElementById('test').style.display = 'none';

另一方面，检查iframe是否存在的方式无效，请尝试以下方法：

if (document.getElementById('test').innerHTML.indexOf('http://player.vimeo.com/video/?title=0&byline=0&portrait=0') !== -1)

Javascript if else vimeo iframe不显示

1 个答案: