摘要:网站怎么实现随机小姐姐视频播放呢?首先用调用视频接口,实现此功能,小姐姐视频随机播放,下面诺兰分享一下这个小姐姐视频随机播放代码代码演示随机视频代码<divclass="article-righ...
网站怎么实现随机小姐姐视频播放呢?
首先用调用视频接口,实现此功能,小姐姐视频随机播放,下面诺兰分享一下这个小姐姐视频随机播放代码
代码演示
随机视频代码
<div class="article-right">
<h3 class="c-title">
小姐姐视频
</h3>
<section data-id="sidebar-meimei" class="mb-4">
<style>#player { margin: 10px auto; max-width: 100%; border-radius: 10px; display: block; } #xjjsp { display: none; } #ckxjj,#gbxjj { width: 100%; height: 40px; border: none; background-color: #f95491; color: #fff; margin-top: 10px; border-radius: 5px; font-size: 18px; cursor: pointer; transition: 0.2s; } #ckxjj:hover,#gbxjj:hover { background-color: #eeb4bf; } .kzsp { width: 100%; display: flex; justify-content: space-between; } .kzsp>button { border: none; height: 40px; padding: 0 30px; font-size: 16px; background-color: #f95491; border-radius: 10px; color: #fff; transition: 0.3s; cursor: pointer; } .kzsp>button:active { background-color: #e25a00; }</style>
<button type="button" id="ckxjj">点我看小姐姐视频</button>
<div id="xjjsp">
<video id="player" src="" controls alt="小姐姐视频"></video>
<div class="kzsp">
<button id="switch">连续: 开</button>
<button id="next">下一个</button>
</div>
<button type="button" id="gbxjj">关闭视频</button>
</div>
<script type="text/javascript" src="https://www.whbblog.cn/js/video.js">
</script>
</section>
</div>
此代码是本站侧边栏的,想要增加到自己网站中删除多余代码即可
原始代码
<section data-id="sidebar-meimei" class="mb-4">
<style>#player { margin: 10px auto; max-width: 100%; border-radius: 10px; display: block; } #xjjsp { display: none; } #ckxjj,#gbxjj { width: 100%; height: 40px; border: none; background-color: #f95491; color: #fff; margin-top: 10px; border-radius: 5px; font-size: 18px; cursor: pointer; transition: 0.2s; } #ckxjj:hover,#gbxjj:hover { background-color: #eeb4bf; } .kzsp { width: 100%; display: flex; justify-content: space-between; } .kzsp>button { border: none; height: 40px; padding: 0 30px; font-size: 16px; background-color: #f95491; border-radius: 10px; color: #fff; transition: 0.3s; cursor: pointer; } .kzsp>button:active { background-color: #e25a00; }</style>
<button type="button" id="ckxjj">点我看小姐姐视频</button>
<div id="xjjsp">
<video id="player" src="" controls alt="小姐姐视频"></video>
<div class="kzsp">
<button id="switch">连续: 开</button>
<button id="next">下一个</button>
</div>
<button type="button" id="gbxjj">关闭视频</button>
</div>
<script type="text/javascript" src="https://www.whbblog.cn/js/video.js">
</script>
</section>