Почему не работает плеер в v-for?

Есть плеер с сервиса yohoho(не реклама). Беру их скрипт, добавляю в index.html, затем беру div который будет отображать плеер и добавляю его в пустой компонент, он работает. Но если я его добавлю в такой div

<div class="movie" v-for="mov in movie">...</div>

И он перестает работать, почему? Мне нужно передать в div от сервиса yohoho имя нужного сериала, а он находится в mov.name как мне сделать? Можно ли в цикле к примеру назначить значение из mov.name какой-то другой переменной и затем ее использовать в нужном мне div'e?

Код:

<template>
<div>
    <div class="movie" v-for="mov in movie">
        <div id="yohoho" data-player="moonwalk" data-title="Моана"></div> <!-- Так не работает -->
    </div>
    <div class="movie">
        <div id="yohoho" data-player="moonwalk" data-title="Моана"></div> <!-- Так работает -->
    </div>
</div>

JS:

    import axios from 'axios';
    import yohoho from './yohoho/yohohoComponent.vue';
    export default{
        data: ()=>({
            movie: [],
            also: [],
            show: true
        }),
        created(){
            this.fetch();
        },
        methods:{
            fetch(){
                axios.post('/api/get',{
                    id: this.$route.params.id
                })
                .then(res =>{
                    this.movie = res.data.serial
                })
            }
        },
        components:{
            'yohoho':yohoho
        }
    }