提供免费源码,免费软件
分享免费技术文档
阿里去促销活动

给网站左侧或右侧添加悬浮视频广告 超精简版代码分享

给网站左侧或右侧添加悬浮视频广告 超精简版代码分享

这段代码就很有意思了,不信你看这篇文章的右边,有个悬浮视频。怎么样?视频好看不?

下面蓝米兔就把代码分享给大家。

代码如下:

右侧代码:

<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文章内就在编辑器选择“文本”然后放入代码就行了。

  • 注:手机端没有自适应,会出现错位现象。
  • 注:手机端没有自适应,会出现错位现象。
  • 注:手机端没有自适应,会出现错位现象。
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:蓝米兔 » 给网站左侧或右侧添加悬浮视频广告 超精简版代码分享

分享到: 更多 (0)
腾讯云秒杀活动

热门文章

  • 评论 抢沙发

    评论前必须登录!

    立即登录   注册

    切换注册

    登录

    忘记密码 ?

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活