这段代码就很有意思了,不信你看这篇文章的右边,有个悬浮视频。怎么样?视频好看不?
下面蓝米兔就把代码分享给大家。
代码如下:
右侧代码:
<div style="position: fixed;top:300px;right:5px;">
<video controls style="vertical-align: bottom;width:300px;">
<source src="视频地址.mp4格式" type="video/mp4">
您的浏览器不支持HTML5视频。</video>
</div>
左侧代码:
<div style="position: fixed;top:300px;left:5px;">
<video controls style="vertical-align: bottom;width:300px;">
<source src="视频地址.mp4格式" type="video/mp4">
您的浏览器不支持HTML5视频。</video>
</div>
如何使用:
把代码放入想要显示的页面即可,如果想放在wordpress文章内就在编辑器选择“文本”然后放入代码就行了。
- 注:手机端没有自适应,会出现错位现象。
- 注:手机端没有自适应,会出现错位现象。
- 注:手机端没有自适应,会出现错位现象。
评论前必须登录!
立即登录 注册