How to embed videos on dynamic pages?

Ask the community
,
1

I want to make it such that you click on a specific word and an ‘embeded’ video pops up. How do I make this on dynamic pages?

  • I am using vimeo
2

Hello Daniel!

All you will need is a DATABASE + REPEATER + an embeded VideoPlayer in your repeater.

And your Results will be something like thais…
https://russian-dima.wixsite.com/meinewebsite/kopie-von-autoplay-video-list

Of course you can

This is just an EXAMPLE, you could also make so much more of it :grin:

3

The idea is that the visitor/customer would click on a button and then a video would pop up.

4

Then you need perhaps something like this one…

https://russian-dima.wixsite.com/meinewebsite/custom-video-gallary

Here an example code, how it could look like.

import wixData from 'wix-data';

$w.onReady(function() {})   

export function BIMGclose_click(event) {
    $w("#videoPlayer1").stop()

    close_VideoPlayer();
    show_Repeater();
    }

export function button1_click(event) {
 let $item =         $w.at(event.context)
 let choosenItem =   $item("#dataset8").getCurrentItem();
 let Title       =   choosenItem.title
 let Artist      =   choosenItem.artist
 let Description =   choosenItem.videoDescription
 let VideoType   =   choosenItem.videoType
 let VideoIndex  =   choosenItem.video
 let VideoUrl    =   choosenItem.videoUrl
 let MediaType   =   choosenItem.mediaType
 let IMGtitle    =   choosenItem.image

 if (choosenItem.video!=0) {console.log("Play-Video")
        hide_Repeater()
        $w('#BOXvideo').show()
        $w('#BOXvideo').expand()
        $w('#audioPlayer1').hide()
        $w("#videoPlayer1").src = VideoUrl
        $w('#TXTtitle2').text = Title
        $w('#TXTvideoIndex2').text = VideoIndex
        $w('#TXTvideoType2').text = VideoType
    }
 else{console.log("Play-Audio")
        show_Repeater()
        $w('#BOXvideo').hide()
        $w('#audioPlayer1').show()
        $w('#audioPlayer1').expand()
    }
    console.log(Title)
    console.log(VideoUrl)
    console.log(MediaType)
    console.log($w('#dataset8').getTotalCount())
}

function hide_Repeater (parameter) {
    $w('#repeater1').hide('FadeOut')
}

function show_Repeater (parameter) {
    $w('#repeater1').expand()
    .then(()=>{$w('#repeater1').show('FadeIn')})
}

function close_VideoPlayer (parameter) {
    $w('#BOXvideo').hide('FadeOut')
}
5

Amazing my guy. Thank you. Hoffe deine webseite wird auch von anderen Personen so gemocht wie von mir :slight_smile:

6

Hehe, danke danke!

I hope you can modify it for your needs ;-).