如何检查字符串是否以iFrame开头？

Question

我们正在构建一个新闻源应用程序，其中一些帖子包含iframed youtube视频，而其他则不包含。为了使视频具有响应性，我们将div包装为带有“视频容器”类的div。但是，我们只希望在数据字符串以。

开头时激活该类。

这是针对v-for循环中的项目的。

使用vuejs，我们如何检查数据字符串是否包含“ iframe”？

<v-card-text class="pt-1 pb-0">
      <div :class="{'video-container': 
(videoCheck(props.item.content) )}">
   <p v-html="props.item.content"></p>
      </div>
</v-card-text>

和方法：

videoCheck: function(item){
  var substring = "<iframe>"
  return item.includes(substring)
},

Answer 1

据我所知，最向后兼容的解决方案是使用indexOf：

return item.indexOf(substring) == 0;

所有最新的浏览器中也有startsWith：

return item.startsWith(substring);