《幸福花儿飞》 演唱：阿娜丹

沉醉醉

静悟 发表于 2022-2-18 05:21
醉醉，我在手机上看，好像这不是帖子的代码。等我回家再同你细说。

好的，十分感谢。

蒲公英

欣赏朋友佳作！

湛蓝

花滑世界冠军隋文静韩聪经典夺冠视频，一曲《梅花三弄》震撼全场！ 不过这个视频好像是拼接的，和现场的服饰不同、音乐不同！

松柏一

精彩的视频音画，欣赏学习了

静悟

沉醉醉 发表于 2022-2-18 18:45
好的，十分感谢。

醉醉，你看，这是源代码：

1. <table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_10152953">
   
2.     <style type="text/css">#outLayer {/* 最outLayer边框的样式设置 */
   
3. width:960px; /* 只对最outLayer边框设置宽度 */
   
4. position:relative;
   
5. margin: 100px auto 32px -180px;
   
6. overflow:hidden;
   
7. border-radius:32px;
   
8. background-image: url(https://z3.ax1x.com/2021/11/21/IjYJQP.gif);
   
9. padding:45px;
   
10. }
    
11. #innerLayer {/* innerLayer边框的样式设置 */
    
12. background-image: url(https://z3.ax1x.com/2021/11/19/IHSQFU.gif);
    
13. width:auto; /* 其余各层边框宽度设置为auto */
    
14. padding:8px;
    
15. border-color: #F5DEB3 #F5DEB3 #F5DEB3 #F5DEB3;
    
16. border-style:LightGray;
    
17. border-width:3px;
    
18. }
    
19. #contentLayer {/* 内层的样式设置 */
    
20. width:auto;/* 其余各层边框宽度设置为auto */
    
21. height:auto !important; /* 最里层边框高度设置为auto，并且指明个最小高度 */
    
22. min-height:400px; /* 或者给高度设置个确定的值，但这样做就失去了灵活性 */
    
23. text-align:center;
    
24. background-color:#E6E6FA;
    
25. padding:16px;
    
26. border-color: #F5DEB3 #F5DEB3 #F5DEB3 #F5DEB3;
    
27. border-style:solid;
    
28. border-width:3px;
    
29. }
    
30. #kxz        {
    
31.         font:italic bold 45px 楷体, 楷体_GB2312;
    
32.         -webkit-background-clip:text;
    
33.         -webkit-text-fill-Crimson:transparent;
    
34.         display:inline;
    
35.         position:absolute;left:180px;top:60px;
    
36.         -webkit-text-stroke:thin yellow;text-shadow: 2px 2px 12px Blue;
    
37. }
    
38. #contentLayer iframe {
    
39. width:100%;
    
40. margin:12px auto;
    
41. -width:800px;height:500px;position:relative;
    
42.         clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    
43. }
    
44. </style>
    
45. <p>视频没开始播放就点它一下</p>
    
46. 
    
47. <div id="outLayer">
    
48. <div id="innerLayer">
    
49. <div id="contentLayer">
    
50. <br />
    
51. <div id="kxz">《幸福花儿飞》 演唱：阿娜丹</div>
    
52. <br />
    
53. 
    
54. <div style="color:#0000FF;font-size:1.2em;margin-top:20px;">素材网络：编辑：静悟</div>
    
55. <br />
    
56. <br />
    
57. <iframe height=500 width=800
    
58. src='https://player.youku.com/embed/XNTg0MTE5MTI4OA==?autoplay=true' frameborder=0 'allowfullscreen'></iframe>
    
59. 
    
60. 
    
61. </div>
    
62. </div>
    
63. </div>
    
64. 
    
65. <div style="height:170px;"></div>
    

复制代码

你看到的有文字地方，就可以改为你的文字：（标题、自己的名字）
最后的<iframe height=500 width=800
src='https://player.youku.com/embed/XNTg0MTE5MTI4OA==?autoplay=true' frameborder=0 'allowfullscreen'></iframe>在红字中填上你的优酷地址，其他的不要去动。你先试试，可以贴在我帖子后面。有啥问题你尽管提出来，我们互相学习。

静悟

蒲公英 发表于 2022-2-19 16:54
欣赏朋友佳作！

谢谢蒲公英老师分享，祝老师欣赏愉快！

静悟

湛蓝 发表于 2022-2-20 08:16
本帖最后由 湛蓝 于 2022-2-20 08:46 编辑
花滑世界冠军隋文静韩聪经典夺冠视频，一曲《梅花三弄》震撼 ...

喜欢看花样滑冰，画面好像是拼接成的。最关健的是抛三周，不出问题就成功了！

静悟

松柏一 发表于 2022-2-20 10:39
精彩的视频音画，欣赏学习了

谢谢松柏一老师分享，互相学习。

湛蓝

静悟 发表于 2022-2-20 15:41
喜欢看花样滑冰，画面好像是拼接成的。最关健的是抛三周，不出问题就成功了！

静版说的对，是拼接的！是网上看到的视频！
音乐《梅花三弄》很熟悉很好听！抛三周很是不容易，听说俄罗斯选手
就败在抛三周上！我没看完整的比赛，朋友告诉的

静悟

湛蓝 发表于 2022-2-20 15:42
静版说的对，是拼接的！是网上看到的视频！
音乐《梅花三弄》很熟悉很好听！

音乐《梅花三弄》选得好，蛮好听，滑得也精彩。