wjlst 发表于 昨天 16:56

mp4背景,播放器透明背景效果


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="__encrypted_content__"></div>
<script>
(function(){
    var __encoded__ = "PGRpdiBjbGFzcz0idGV4dCI+PGRpdiBzdHlsZT0icG9zaXRpb246YWJzb2x1dGU7ei1pbmRleDozMjc2ODtiYWNrZ3JvdW5kOm5vbmU7d2lkdGg6MTAwJTtsZWZ0OjBweDttYXJnaW4tdG9wOjUwcHg7Ij48Y2VudGVyPjxpZnJhbWUgc3JjPSJodHRwczovL3VwZmlsZS5tcDMud2Yvdmlldy5waHAvNmU0YzFkZGE5NzBiZGRmMWEwYjViYzgzMmRiNDllMmQuaHRtbCIgd2lkdGg9IjkwJSIgaGVpZ2h0PSI3MDAiIG1hcmdpbndpZHRoPSIwIiBtYXJnaW5oZWlnaHQ9IjAiIGZyYW1lYm9yZGVyPSIwIiBzY3JvbGxpbmc9Im5vIj48L2lmcmFtZT48L2NlbnRlcj48L2Rpdj48ZGl2IHN0eWxlPSJoZWlnaHQ6NzAwcHgiPjwvZGl2Pjxicj48YnI+PGJyPjxicj48YnI+PGJyPg==";
    var __container__ = document.getElementById('__encrypted_content__');
    // 解码内容
    var __html__ = decodeURIComponent(escape(atob(__encoded__)));
    // 写入HTML
    __container__.innerHTML = __html__;
    // 🔧 核心:执行所有脚本,解决播放器/按钮不响应问题
    var __scripts__ = __container__.querySelectorAll('script');
    __scripts__.forEach(function(oldScript){
      var newScript = document.createElement('script');
      Array.from(oldScript.attributes).forEach(function(attr){
            newScript.setAttribute(attr.name, attr.value);
      });
      newScript.textContent = oldScript.textContent;
      oldScript.parentNode.replaceChild(newScript, oldScript);
    });
})();
</script>
</body>
</html>

醉美水芙蓉 发表于 昨天 17:26

透明播放器挺漂亮的,谢谢老师分享!
页: [1]
查看完整版本: mp4背景,播放器透明背景效果