显示与列表中项目的点击相对应的视频

Question

我是HTML的新手。我想在一个框架中点击一个项目（L1和L2）显示一个视频。

我目前有这个：

<div id="subjectlistdiv" , class="subjectlist">
    <ul id="buttons">
        <li id="LO1"><a href="#"></a> L1</li>
        <li id="LO2"><a href="#"></a> L2 </li>
    </ul>
</div>

我该怎么做？

的CSS：

.subjectlist {
    position: absolute;
    margin - top: 5 px;
    margin - right: 300 px;
    left: 10 px;
    font - size: 18 px;
    border: 1 px solid black;
    border - width: relative;
}