Toggle accordion with video content

Ionic Framework ionic-v3
1

Hi, i’m trying to make an accordion with videos, each title will open the content with the video inside. I did it, but there is a problem

localhost_8100_(Galaxy%20S%20III)%20(7)
localhost_8100_(Galaxy S III) (7).png720×1280 41.8 KB

At first sight the video load but just one line is shown(when it has to be hide until is clicked), and if i open and close the item, it seems to be perfect:
localhost_8100_(Galaxy%20S%20III)%20(8)
localhost_8100_(Galaxy S III) (8).png720×1280 194 KB 

THIS IS MY WHOLE HTML:

    <videos *ngFor="let link of links" [title]="link.name" id="title">
        <iframe width="100%" height="175px" id="iframeDiv" [src]="link.link | youtube" frameborder="0"
                allow="autoplay; encrypted-media" allowfullscreen>
        </iframe>
    </videos>

THIS IS MY TS:
public links = [
    {name: 'Este es el video Nº 1', description: 'BigGirlsDontCry', link: 'https://www.youtube.com/embed/d8PYwFcXeXI'},
    {name: 'video2', description: 'Monster', link: 'https://www.youtube.com/embed/EHkozMIXZ8w'},
    {name: 'video3', description: 'WhatsMyName', link: 'https://www.youtube.com/embed/U0CGsw6h60k'}
  ]

The pipe, i’m using is just to embed the video with the domsanitizer, and that’s all, any idea what can i do?

1 Like