ul li image onclick change image
<ul class="list-group" id="sortable">
<li class="ui-state-default">
<div align="center" class="embed-responsive embed-responsive-16by9">
<video autoplay loop class="embed-responsive-item">
<source src="mp4/file_example_MP4_480_1_5MG.mp4" type="video/mp4">
</video>
</div>
<!-- <img src="images/video-play-btn1.png" class="img-responsive" /> -->
<h4>
<img src="images/video_mute.png" style="display: none;" class="camera_mute_unmute webcam_mute img-responsive" />
<img src="images/video_unmute.png" class="camera_mute_unmute webcam_unmute img-responsive" />
Presenter </h4>
</li>
<li class="ui-state-default" id="John_William" style="display: none;">
<!-- <div align="center" class="embed-responsive embed-responsive-16by9">
<video autoplay loop class="embed-responsive-item">
<source src="mp4/jynarque_moa_example_movie.mp4" type="video/mp4">
</video>
</div> -->
<img src="images/video-play-btn9.png" class="img-responsive" />
<h4>
<img src="images/video_mute.png" style="display: none;" class="camera_mute_unmute webcam_mute img-responsive" />
<img src="images/video_unmute.png" class="camera_mute_unmute webcam_unmute img-responsive" />
John William </h4>
</li>
</ul>