Show Slider Video On Click

Question

I have video slider and I want when the user click on any list item the video related with that list item will be show on left side and I don't want slide auto play be activated of my slider how can I do that with JavaScript?

Here is my HTML code:

<!-- ****************** Start Tag ***************** -->

    <div id="video-slider">
            <div class="container-fluid">
                <h3>
                   video Slider
                </h3>
                <div class="row">
<!-- ****************** li item ***************** -->
                    <div class="item scroll style-1 col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
                        <ul>
                            <li class="active">
                                <a>
                                    <img src="img/video-slider/pic/mate20%20150x150.jpg" alt="">
                                    <span class="title">
                                   video 1
                                </span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img src="img/video-slider/pic/china-150x150.jpg" alt="">
                                    <span class="title">
                                  video 2
                                </span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img src="img/video-slider/pic/mitsubishi-150x150.jpg" alt="">
                                    <span class="title">
                                video 3
                                </span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img src="img/video-slider/pic/A9-150x150.jpg" alt="">
                                    <span class="title">
                                video 4
                                </span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img src="img/video-slider/pic/mate20%20150x150.jpg" alt="">
                                    <span class="title">
                                video 5
                                </span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img src="img/video-slider/pic/A9-150x150.jpg" alt="">
                                    <span class="title">
                                video 6
                                </span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img src="img/video-slider/pic/mitsubishi-150x150.jpg" alt="">
                                    <span class="title">
                                video 6
                                </span>
                                </a>
                            </li>

                        </ul>
                    </div>
<!-- ****************** video Item ***************** -->
                    <div class="show col-xs-12 col-sm-12 col-md-8 col-lg-8 col-xl-8">
                        <div class="item-show">
                            <iframe src="https://www.youtube.com/embed/6923VEVdIPs"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                        </div>
                        <div class="item-show">
                            <iframe src="https://www.youtube.com/watch?v=6uZFYKinSYE"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                        </div>
                        <div class="item-show">
                            <iframe src="https://www.youtube.com/watch?v=bW5GNWQFBbM"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                        </div>
                        <div class="item-show">
                            <iframe src="https://www.youtube.com/watch?v=aaDs3aYtGy4"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                        </div>
                        <div class="item-show">
                            <iframe src="https://www.youtube.com/embed/6923VEVdIPs"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                        </div>
                        <div class="item-show">
                            <iframe src="https://www.youtube.com/watch?v=aaDs3aYtGy4"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                        </div>
                        <div class="item-show">
                            <iframe src="https://www.youtube.com/watch?v=bW5GNWQFBbM"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                        </div>

                    </div>
                </div>
            </div>
        </div>