美丽的西藏~~更却才仁（借慧归图片）

一师

[i=s] 本帖最后由 一师 于 2022-5-9 20:58 编辑 [/i]

[ver:v1.0] [ar:更却才仁] [ti:美丽的西藏 (Live)] [by:] [00:00.000]美丽的西藏 (Live) (星光大道) - 更却才仁 [00:02.180]词：顺琪尔杰 [00:04.360]曲：顺琪尔杰 [00:06.552]高高的雪山 [00:08.118]绿绿的草原 [00:13.806]顶顶的帐篷 [00:15.593]升高的炊烟 [00:21.121]酥油的清香 [00:22.975]奶茶的飘香 [00:28.565]婴儿的山歌欢快的锅庄 [01:00.966]草原 [01:09.408]故乡 [01:13.085]我可爱的故乡美丽的西藏 [01:20.316]我可爱的故乡思念的地方 [01:27.766]我可爱的故乡美丽的西藏 [01:35.038]我可爱的故乡思念的地方

一师

1. <div style="position:relative;width: 1000px;height:455px;margin:100px 0 16px -240px;
   
2. box-shadow: 0px 0px 0px 2px #000000, 0px 0px 15px 15px #0000FF;overflow:hidden;border-radius:0.6%;
   
3. background-image:url(https://pic.yupoo.com/yuexia2020/5db8258f/75286069.jpg);background-size:cover;">
   
4. 
   
5. <video autoplay muted  loop src="视频地址"
   
6. style="width: 570px;-webkit-mask-image: radial-gradient(black 25%, transparent 75%);
   
7. position:absolute;left:50px;bottom:50px;"></video>
   
8. 
   
9. 
   
10. 
    
11. 
    
12. <div id="lyricShow" style="position:absolute;width:90%;left:5%;bottom:5px;"></div>
    
13. </div>
    
14. <script type="text/javascript">
    
15. document.write('<script type="text/javascript" src="http://cesholl.cn3v.work/scripts/lrcPlayer.min.js"><\/script>');
    
16. </script>
    
17. <textarea id="lrc_content" style="visibility:hidden;">
    
18. 
    
19. 
    
20. [ver:v1.0]
    
21. [ar:更却才仁]
    
22. [ti:美丽的西藏 (Live)]
    
23. [by:]
    
24. [00:00.000]美丽的西藏 (Live) (星光大道) - 更却才仁
    
25. [00:02.180]词：顺琪尔杰
    
26. [00:04.360]曲：顺琪尔杰
    
27. [00:06.552]高高的雪山
    
28. [00:08.118]绿绿的草原
    
29. [00:13.806]顶顶的帐篷
    
30. [00:15.593]升高的炊烟
    
31. [00:21.121]酥油的清香
    
32. [00:22.975]奶茶的飘香
    
33. [00:28.565]婴儿的山歌欢快的锅庄
    
34. [01:00.966]草原
    
35. [01:09.408]故乡
    
36. [01:13.085]我可爱的故乡美丽的西藏
    
37. [01:20.316]我可爱的故乡思念的地方
    
38. [01:27.766]我可爱的故乡美丽的西藏
    
39. [01:35.038]我可爱的故乡思念的地方
    
40. 
    
41. 
    
42. 
    
43. </textarea>
    
44. <script type="text/javascript">
    
45.         var opts = {
    
46.                 //        下面3个参数是必须的！
    
47.                 lrcTxtID:'lrc_content',
    
48.                 lrcShowID:"lyricShow",
    
49.                 audioURL:"http://link.hhtjim.com/kw/22830640.mp3",
    
50.                 //        可选的参数
    
51.                 gczh:'28px',
    
52.                 gczt:'楷体,楷体_GB2312',
    
53.                 gcct:true,
    
54.                 dqfs:'center',
    
55.                 gcys:'#f88',
    
56.                 gcys1:'#FFC125',
    
57.                 shys:'#000',               
    
58.                 //-------------------------------------------------------
    
59.                 playLoop:true,
    
60.                 showMode:0,
    
61.                 gchs:2
    
62.         };
    
63. new lrcPlayer(opts);
    
64. </script>

复制代码

真真

美好制作，快乐分享。

林林五

欣赏老师美好音画

阿强

            欣赏一师版主的佳作——美丽的西藏  

许森匡.

欣赏佳作 - 赞！

静悟

一师继续巩固，好哦！

沧海笑

欣赏老师佳作！

我就来看看

原图尺寸为800x364，帖子设置为1000x600是不合适的，画面没完全显示出来。

两个办法任选之一就可改正过来：

1. 高度设为455，即 height:455px;

或

2. 改变背景大小设置的方式，由 background-size:cover; 改变为 background-size:100% 100%;

一师

我就来看看 发表于 2022-5-9 16:03
原图尺寸为800x364，帖子设置为1000x600是不合适的，画面没完全显示出来。两个办法任选之一就可改正过 ...

老师好！我就是对这个改变边框和视频的大小还很糊涂，还要好好学习呢。