最新公告
  • 欢迎您光wp模板库
  • html添加网站视频广告的代码

            相信很多人在浏览网站的时候都会看到右侧或者是左侧有视频的广告呈现出来,其实这些功能只要简单的几个代码就能解决,本文就来分享一下这些代码的写法和放置位置。
            html添加网站视频广告的代码
            以下代码是显示到网站页面右侧的视频广告代码,只要将里面的mp4文件路径替换就可以显示在我们的网站当中右侧画面里面。

    <!--右侧视频代码-->
    <div style="position: fixed;top:400px;right:5px;"><!--调整右侧right距离--> 
    <a href="#"><video width="300" height="400" controls><!--调整视频宽度width与高度height--> 
    <source src="../spread/pc1905/video_2.mp4" type="video/mp4"> 您的浏览器不支持HTML5视频。</video> </a>
    </div>

            以下是网站的左侧代码,他的实用方法和效果都是和上面的右侧代码是一样的。

    <!--左侧视频代码-->
    <div style="position: fixed;top:400px;left:5px;"> <!--调整左侧left距离 -->
    <a href="#"><video width="300" height="400" controls> <!--调整视频宽度width与高度height--> 
    <source src="../spread/pc1905/video_2.mp4" type="video/mp4"> 您的浏览器不支持HTML5视频。</video> </a>
    </div>

            下面这个代码是视频广告的样式代码。

    <!--样式代码-->
    <style> video { width: 200px; <!--调整播放器宽度-->
    vertical-align: bottom; } </style>

            以上需要哪个代码就复制哪个代码使用,之前测试代码的时候是放到网站的herder.php文件当中,这样可以是网站在加载的时候就能呈现出来需要的广告,如果感觉加载困难可以放到网站的地步footer.php的页面。

    • 1会员总数(位)
    • 42资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 243稳定运行(天)

    开通会员