Vue 使用iframe引入youtube视频

最近项目遇到了一个引入播放YouTube视频的要求，开始时采用的video引入播放，但是不成功。 又改用iframe。 具体如下： 后台返回的视频url： www.youtube.com/watch?v=lI5… 前端进行切割添加：

例如：

videoUrl = 'https://www.youtube.com/watch?v=lI5nWmTcxtA'
const tmpUrl = videoUrl.replace('watch?v=', 'embed/')
const url = tmpUrl + '?ecver=1&autoplay=1&iv_load_policy=1&rel=0&yt:stretch=16:9&autohide=0&color=red'

html效果如下：

头回写博客，欢迎观看