html中插入优酷网视频的代码

1、首先打开sublime编译器，创建一个.html文件。

2、然后在title标签之间写上标题的名称，这里输入视频播放器。

3、接着在body标签对的之间插入<video>标签。

4、然后设置视频窗口的大小，在video标签添加width和height属性。

5、最后在video标签之间添加source播放源，及其地址运行后，就会出现如下图视频窗口。

设置视频盒子的宽高利用margin放到正中央

设置视频盒子的宽高，div设置position:relatve视频盒子position:absolute设置相应left,top值

如果视频盒子是不固定的宽高，利用js动态获取宽高，再动态设置margin或者position的值

首先定位div盒子的位子，然后display:none隐藏起来，然后图片调用onclik方法，即在img标签上写<img onclick="$('.div').show()">这样就可以了。

注意:$(".div")中间的.div就是你要出现的那个盒子，选择他的class，或者给他个id，表示选择TA。

---