SOURCE

console 命令行工具 X clear

                    
>
console
window.onscroll = function () {
    var top = document.documentElement.scrollTop||document.body.scrollTop;
    document.getElementById("video").className = top>400 ? "min" : "";
}
<body>
  <div class="box">
<video id="video">
</video>
</div>
 
<p>01</p>
<p>02</p>
<p>03</p>
<p>04</p>
<p>05</p>
<p>06</p>
<p>07</p>
<p>08</p>
<p>09</p>
<p>10</p>
<p>11</p>
<p>12</p>
<p>13</p>
<p>14</p>
<p>15</p>
<p>16</p>
<p>17</p>
<p>18</p>
<p>19</p>
<p>20</p>
<p>21</p>
<p>22</p>
<p>23</p>
<p>24</p>
<p>25</p>
<p>26</p>
<p>27</p>
<p>28</p>
<p>29</p>
<p>30</p>
<p>31</p>
<p>32</p>
<p>33</p>
<p>34</p>
<p>35</p>
<p>36</p>
<p>37</p>
<p>38</p>
<p>39</p>
<p>40</p>
<p>41</p>
<p>42</p>
<p>43</p>
<p>44</p>
<p>45</p>
<p>46</p>
<p>47</p>
<p>48</p>
<p>49</p>
<p>50</p>
</body>
.box {
    width: 720px;
    height: 405px;
}
#video {
    width: 720px;
    height: 405px;
    background: #000;
}
#video.min {
    width: 320px;
    height: 200px;
    position: fixed;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
}