全球主机交流论坛

标题: 有抖音那种视频背景的html源码吗？ [打印本页]

作者: 爱吃醋的醋醋 时间: 2019-11-23 21:06
提示: 作者被禁止或删除内容自动屏蔽

作者: linhai 时间: 2019-11-23 21:14
右键另存为

作者: 爱吃醋的醋醋 时间: 2019-11-23 21:15
提示: 作者被禁止或删除内容自动屏蔽

作者: linhai 时间: 2019-11-23 21:17

linhai 发表于 2019-11-23 21:14
右键另存为

<body><div class="container"><div class="video-bg"><video muted data-autoplay loop="loop" autoplay="autoplay" src="//s3.pstatp.com/aweme/resource/web/static/image/index/tvc-v3_4138031.mp4" class="video-tvc" id="video-tvc" data-object-fit>抱歉，您的浏览器不支持内嵌视频</video></div><div class="content"><header class="header claerFloat"><div class="header-left"><a href="/"><img src="//s3.pstatp.com/aweme/resource/web/static/image/index/logo_efcda07.png" alt="logo"></a></div><div class="header-right"><ul class="header-links"><li class="header-links-item"><a >开放平台</a> <img src="//s3.pstatp.com/aweme/resource/web/static/image/index/beta_8d2d473.svg" alt="beta"></li><li class="header-links-item"><a >视频上传</a></li><li class="header-links-item"><a >抖音特效师</a></li><li class="header-links-item"><a >抖音音乐人</a></li><li class="header-links-item"><a >抖音MCN</a></li><li class="header-links-item"><a >机构认证</a></li><li class="header-links-item hover"><a>企业合作</a><div class="menu"><a >广告合作</a> <a >企业认证</a></div></li><li class="header-links-item"><div class="unmute"></div></li></ul></div></header><div class="middle clearFloat"><div class="slogan"><img src="//s3.pstatp.com/aweme/resource/web/static/image/index/slogan_2_8d59f13.png" alt="slogan"></div><div class="btn-list"><a class="btn-primary icon-QRcode"><img src="//s3.pstatp.com/aweme/resource/web/static/image/index/QRcode_c129445.png" alt="qrcode"></a><div class="btn-primary"><a class="btn-hover icon-ios btn-link" ></a></div><div class="btn-primary"><a class="btn-hover icon-andorid btn-link" ></a></div></div></div><footer class="footer"><nav class="nav-warpper"><span>|</span> <a href="/cnl_music/music_tab/">音乐</a> <span>|</span><a href="/agreement/">用户服务协议</a> <span>|</span> <a href="/privacy/">隐私政策</a> <span>|</span> <a href="/recovery_account/">账号找回</a> <span>|</span> <a href="/aboutus/">联系我们</a> <span>|</span> <a >广告投放</a> <span>|</span> <a href="/business_license/">营业执照</a> <span>|</span></nav><div class="feedback-info"><p><span id="copyYear">2018</span> © 抖音  | 京ICP备16016397号-3 | 北京微播视界科技有限公司 |  京B2-20170846</p><p><a target="_blank" >中国互联网举报中心</a> | 网络文化许可证-京网文-（2016）2282-264号 | 客户服务热线：400-992-2556 | 违法和不良信息举报：400-140-2108 | 举报邮箱：[email protected]</p>  <div class="gongan-box"><img src="//s3.pstatp.com/aweme/resource/web/static/image/gongan_d0289dc.png"> <a target="_blank" >京公网安备 11010802023605号</a> <span>  |  地址 : 北京市海淀区知春路51号4层408 </span></div></div></footer></div></div><script>window.Raven && Raven.config('//[email protected]/log/sentry/v2/96', {
      tags: {
         bid: 'douyin_web',
         pid: 'index_page'
      }
}).install();</script><script>!function(){"use strict";if("undefined"!=typeof window){var t=window.navigator.userAgent.match(/Edge\/(\d{2})\./),e=!!t&&parseInt(t[1],10)>=16;if("objectFit"in document.documentElement.style!=0&&!e)return void(window.objectFitPolyfill=function(){return!1});var i=function(t){var e=window.getComputedStyle(t,null),i=e.getPropertyValue("position"),n=e.getPropertyValue("overflow"),o=e.getPropertyValue("display");i&&"static"!==i||(t.style.position="relative"),"hidden"!==n&&(t.style.overflow="hidden"),o&&"inline"!==o||(t.style.display="block"),0===t.clientHeight&&(t.style.height="100%"),-1===t.className.indexOf("object-fit-polyfill")&&(t.className=t.className+" object-fit-polyfill")},n=function(t){var e=window.getComputedStyle(t,null),i={"max-width":"none","max-height":"none","min-width":"0px","min-height":"0px",top:"auto",right:"auto",bottom:"auto",left:"auto","margin-top":"0px","margin-right":"0px","margin-bottom":"0px","margin-left":"0px"};for(var n in i)e.getPropertyValue(n)!==i[n]&&(t.style[n]=i[n])},o=function(t){var e=t.parentNode;i(e),n(t),t.style.position="absolute",t.style.height="100%",t.style.width="auto",t.clientWidth>e.clientWidth?(t.style.top="0",t.style.marginTop="0",t.style.left="50%",t.style.marginLeft=t.clientWidth/-2+"px")

t.style.width="100%",t.style.height="auto",t.style.left="0",t.style.marginLeft="0",t.style.top="50%",t.style.marginTop=t.clientHeight/-2+"px")},l=function(t){if(void 0===t)t=document.querySelectorAll("[data-object-fit]");else if(t&&t.nodeName)t=[t];else{if("object"!=typeof t||!t.length||!t[0].nodeName)return!1;t=t}for(var i=0;i<t.length;i++)if(t.nodeName){var n=t.nodeName.toLowerCase();"img"!==n||e?"video"===n&&(t.readyState>0?o(t):t.addEventListener("loadedmetadata",function(){o(this)})):t.complete?o(t):t.addEventListener("load",function(){o(this)})}return!0};document.addEventListener("DOMContentLoaded",function(){l()}),window.addEventListener("resize",function(){l()}),window.objectFitPolyfill=l}}();</script>
<script type="text/javascript">
(function() {
$(function() {
$('#copyYear').text((new Date).getFullYear());
})
})();
</script>
</body>
作者: simonfire 时间: 2019-11-23 22:13

本地没声音的原因是那个打开声音的小喇叭图片没加载，地址变动一下就好了

chrome默认自动播放的视频必须有muted属性，也就是静音，然后手动打开声音才行

(, 下载次数: 24)

上传
点击文件名下载附件

作者: 爱吃醋的醋醋 时间: 2019-11-23 22:34
提示: 作者被禁止或删除内容自动屏蔽
作者: simonfire 时间: 2019-11-23 22:37

爱吃醋的醋醋发表于 2019-11-23 22:34
谢谢大佬

不要随便叫大佬，我会飘飘然的
作者: gger 时间: 2019-11-23 22:52
基本不会用抖音快手还行火山最好但是技术跟人气不搭
作者: klylw520 时间: 2019-11-24 11:55
提示: 作者被禁止或删除内容自动屏蔽

欢迎光临全球主机交流论坛 (https://www.iloc.eu.org/) Powered by Discuz! X3.4