欢迎光临
我们一直在努力

抖音短视频源码php,一个简单漂亮的仿抖音网页端短视频播放源码(原创)

* {

margin:0px;

padding:0px;

touch-action:pan-y;

background-color:#161823;

.app {

width:650px;

height:640px;

position:absolute;

top:50px;

right:0px;

bottom:0px;

left:0px;

overflow:hidden;

margin:0 auto;

background-color:#0E0F1A;

.bom {

position:absolute;

top:730px;

right:0px;

bottom:0px;

left:0px;

overflow:hidden;

margin:0 auto;

font-size:12px;

#player {

width:348px;

height:600px;

margin-top:20px;

margin-bottom:20px;

margin-left:20px;

float:left;

z-index:100;

.box {

width:242px;

height:600px;

margin-top:20px;

margin-bottom:20px;

margin-left:20px;

background-color:#0E0F1A;

float:left;

font-size:12px;

.xhms {

-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;

-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;

box-shadow:inset 0px 1px 0px 0px #f5978e;

background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f24537),color-stop(1,#c62d1f) );

background:-moz-linear-gradient( center top,#f24537 5%,#c62d1f 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537',endColorstr='#c62d1f');

background-color:#f24537;

-webkit-border-top-left-radius:5px;

-moz-border-radius-topleft:5px;

border-top-left-radius:5px;

-webkit-border-top-right-radius:5px;

-moz-border-radius-topright:5px;

border-top-right-radius:5px;

-webkit-border-bottom-right-radius:5px;

-moz-border-radius-bottomright:5px;

border-bottom-right-radius:5px;

-webkit-border-bottom-left-radius:5px;

-moz-border-radius-bottomleft:5px;

border-bottom-left-radius:5px;

text-indent:0;

display:inline-block;

color:#ffffff;

font-family:arial;

font-size:15px;

font-weight:bold;

font-style:italic;

height:30px;

line-height:30px;

width:160px;

text-decoration:none;

text-align:center;

text-shadow:0px 1px 0px #810e05;

.xhms:hover {

background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c62d1f),color-stop(1,#f24537) );

background:-moz-linear-gradient( center top,#c62d1f 5%,#f24537 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f',endColorstr='#f24537');

background-color:#c62d1f;

.xhms:active {

position:relative;

top:1px;

.zdlb {

-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;

-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;

box-shadow:inset 0px 1px 0px 0px #a4e271;

background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#89c403),color-stop(1,#77a809) );

background:-moz-linear-gradient( center top,#89c403 5%,#77a809 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403',endColorstr='#77a809');

background-color:#89c403;

-webkit-border-top-left-radius:5px;

-moz-border-radius-topleft:5px;

border-top-left-radius:5px;

-webkit-border-top-right-radius:5px;

-moz-border-radius-topright:5px;

border-top-right-radius:5px;

-webkit-border-bottom-right-radius:5px;

-moz-border-radius-bottomright:5px;

border-bottom-right-radius:5px;

-webkit-border-bottom-left-radius:5px;

-moz-border-radius-bottomleft:5px;

border-bottom-left-radius:5px;

text-indent:0;

display:inline-block;

color:#ffffff;

font-family:arial;

font-size:15px;

font-weight:bold;

font-style:italic;

height:30px;

line-height:30px;

width:160px;

text-decoration:none;

text-align:center;

text-shadow:0px 1px 0px #528009;

.zdlb:hover {

background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#77a809),color-stop(1,#89c403) );

background:-moz-linear-gradient( center top,#77a809 5%,#89c403 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809',endColorstr='#89c403');

background-color:#77a809;

.zdlb:active {

position:relative;

top:1px;

.pass {

-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

box-shadow:inset 0px 1px 0px 0px #ffffff;

background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf) );

background:-moz-linear-gradient( center top,#ededed 5%,#dfdfdf 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');

background-color:#ededed;

-webkit-border-top-left-radius:5px;

-moz-border-radius-topleft:5px;

border-top-left-radius:5px;

-webkit-border-top-right-radius:5px;

-moz-border-radius-topright:5px;

border-top-right-radius:5px;

-webkit-border-bottom-right-radius:5px;

-moz-border-radius-bottomright:5px;

border-bottom-right-radius:5px;

-webkit-border-bottom-left-radius:5px;

-moz-border-radius-bottomleft:5px;

border-bottom-left-radius:5px;

text-indent:0;

display:inline-block;

color:#777777;

font-family:arial;

font-size:40px;

font-weight:bold;

font-style:italic;

height:50px;

line-height:50px;

width:190px;

text-decoration:none;

text-align:center;

text-shadow:0px 1px 0px #ffffff;

.pass:hover {

background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#dfdfdf),color-stop(1,#ededed) );

background:-moz-linear-gradient( center top,#dfdfdf 5%,#ededed 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed');

background-color:#dfdfdf;

.pass:active {

position:relative;

top:1px;

  • 海报
海报图正在生成中...
赞(0) 打赏
声明:
1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。
2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。
3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。
4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。
文章名称:《抖音短视频源码php,一个简单漂亮的仿抖音网页端短视频播放源码(原创)》
文章链接:https://www.456zj.com/29328.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址