视屏暂停的时候添加广告

最新推荐文章于 2022-07-11 07:35:00 发布

java_zhaoyanli

最新推荐文章于 2022-07-11 07:35:00 发布

阅读量831

点赞数

分类专栏：响应式

本文链接：https://blog.youkuaiyun.com/java_zhaoyanli/article/details/51492824

版权

响应式专栏收录该内容

33 篇文章

订阅专栏

本文探讨了在视频暂停期间如何有效地添加广告，分析了广告插入的时机、方式以及对用户体验的影响，同时提及了相关技术和策略来平衡商业需求与用户观看体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style type="text/css">
        div{
            width: 1000px;
            height: 500px;
            position: relative;
        }
        p{
            width: 100px;
            height: 100px;
            background: red;
            position: absolute;
            top:50%;
            left:50%;
            display: none;
        }
        video{
            position: absolute;
            top:0;
            left:0;
        }
    </style>
    <script type="text/javascript">
      <span style="font-size:18px;">  <strong> window.οnlοad= function(){
            var video = document.getElementsByTagName("video")[0];
            var p = document.getElementsByTagName("p")[0];
            video.onpause = function(){
                p.style.display = "block"
            }
            video.onplay = function(){
                p.style.display = "none"
            }
         }</strong></span>
    </script>
</head>
<body>
    <div>
        <<strong>video</strong> src="video/movie.mp4" <strong>autoplay</strong> controls width="1000" height="500"></video>
        <<strong>p</strong>>我是广告</p>
    </div>
</body>
</html>