#frame5th{width:1024px;height:auto !important;min-height:700px;position:relative; padding:10px;text-align:center; left: -20px; border-style:solid;border-width:1px; background-image:url(https://z3.ax1x.com/2021/08/28/h3WsIg.jpg); background-size:100% 100%; }
#mainFrame{overflow: hidden; margin: -10px auto;background-color:#000000;width:1000px;height:600px;position:relative;
clip-path:polygon(500px 0px, 1000px 600px, 0px 600px);}
</style>
<div style="position:relative; width:100%;height: 750px;" >
<div id="frame5th">
<div id="mainFrame">
<div style="position:relative; width:100%;height: 700px;top:-100px;" >
<video src="https://ss2.meipian.me/users/3988504/75d97e80-049c-11ec-9816-c55f3ccebdaf_convert.mp4" loop="loop" autoplay="autoplay" type="video/mp4" style="WIDTH: 1024px; height:700px;border-radius: 10px;"></video>
</div></div>
</div></div>
寒冬残荷 发表于 2021-8-29 09:59
#frame5th{width:1000px;height:auto !important;min-height:700px;position:relative; padding:10px ...
直接用代码写也行吧
<div id="blk0" style="position:relative;width:10240px;height:768px;margin:16px auto;position:relative;margin:100px 0px 32px -80px;"></div>
<script type="text/javascript">
var doctxt = "%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A1024px%3Bheight%3A768px%3B%3Bclip-path%3A%20polygon%2825%25%200%2C%2075%25%200%2C%20100%25%2025%25%2C%20100%25%2075%25%2C%2075%25%20100%25%2C%2025%25%20100%25%2C%200%2075%25%2C%200%2025%25%29%3B%22%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h98Du4.jpg%22%20style%3D%22width%3A2048px%3B%20height%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic1%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%220s%3B%20lpic9.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-512px%22%20to%3D%220px%22%20begin%3D%22fpic1.begin+3s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384px%22%20to%3D%220px%22%20begin%3D%22fpic1.begin+8s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220px%22%20to%3D%22-1024px%22%20begin%3D%22fpic1.begin+13s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220px%22%20to%3D%22-768px%22%20begin%3D%22fpic1.begin+20s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024px%22%20to%3D%220px%22%20begin%3D%22fpic1.begin+26s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768px%22%20to%3D%220px%22%20begin%3D%22fpic1.begin+33s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic1.begin+39s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic1.begin+46s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220px%22%20to%3D%22-512px%22%20begin%3D%22fpic1.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220px%22%20to%3D%22-384px%22%20begin%3D%22fpic1.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic1%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic1.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3Ctext%20%20x%3D%220%22%20y%3D%220%22%20style%3D%22fill%3A%23ff0000%3Bopacity%3A1%3Bline-height%3A180%25%3Bfont%3Abold%2050pt%20KaiTi%20%22%3E%0A%3Ctspan%20x%3D%22300px%22%20y%3D%22110px%22%3E%u8BF7%u60A8%u6B23%u8D4F%u97F3%u4E50%3C/tspan%3E%0A%3Ctspan%20x%3D%22100px%22%20y%3D%22280px%22%20style%3D%22fill%3A%23ffff00%3B%20line-height%3A180%25%3Bfont%3Abold%20100pt%20Microsoft%20YaHei%20%22%3E%u300A%u83B2%u7684%u5FC3%u4E8B%u300B%3C/tspan%3E%0A%3Ctspan%20x%3D%22250px%22%20y%3D%22370px%22%20style%3D%22fill%3A%23ffffff%3B%20line-height%3A180%25%3Bfont%3Abold%2026pt%20KaiTi%20%22%3E%u56FE/%u7F51%u7EDC%u4E0B%u8F7D%u7F16%u8F91%u3000%u5236%u4F5C/%u5BD2%u51AC%u6B8B%u8377%3C/tspan%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%220s%22%20dur%3D%2215s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/text%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h9khjK.jpg%22%20style%3D%22width%3A2048px%3Bheight%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic2%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic1.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20id%3D%22fpic2%22%20attributename%3D%22x%22%20from%3D%22-512%22%20to%3D%220%22%20begin%3D%22fpic2.begin+2s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384%22%20to%3D%220%22%20begin%3D%22fpic2.begin+7s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-1024%22%20begin%3D%22fpic2.begin+12s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-768%22%20begin%3D%22fpic2.begin+19s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024%22%20to%3D%220%22%20begin%3D%22fpic2.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768%22%20to%3D%220%22%20begin%3D%22fpic2.begin+32s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic2.begin+38s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic2.begin+45s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-512%22%20begin%3D%22fpic2.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-384%22%20begin%3D%22fpic2.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic2%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic2.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h9A7rT.jpg%22%20style%3D%22width%3A2048px%3Bheight%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic3%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic2.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-512%22%20to%3D%220%22%20begin%3D%22fpic3.begin+2s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384%22%20to%3D%220%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-1024%22%20begin%3D%22fpic3.begin+12s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-768%22%20begin%3D%22fpic3.begin+19s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024%22%20to%3D%220%22%20begin%3D%22fpic3.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768%22%20to%3D%220%22%20begin%3D%22fpic3.begin+32s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic3.begin+38s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic3.begin+45s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-512%22%20begin%3D%22fpic3.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-384%22%20begin%3D%22fpic3.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic3%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic3.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h9ks74.jpg%22%20style%3D%22width%3A2048px%3Bheight%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic4%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic3.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-512%22%20to%3D%220%22%20begin%3D%22fpic4.begin+2s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384%22%20to%3D%220%22%20begin%3D%22fpic4.begin+7s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-1024%22%20begin%3D%22fpic4.begin+12s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-768%22%20begin%3D%22fpic4.begin+19s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024%22%20to%3D%220%22%20begin%3D%22fpic4.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768%22%20to%3D%220%22%20begin%3D%22fpic4.begin+32s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic4.begin+38s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic4.begin+45s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-512%22%20begin%3D%22fpic4.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-384%22%20begin%3D%22fpic4.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic4%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic4.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h9ZCUe.jpg%22%20style%3D%22width%3A2048px%3Bheight%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic5%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic4.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-512%22%20to%3D%220%22%20begin%3D%22fpic5.begin+2s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384%22%20to%3D%220%22%20begin%3D%22fpic5.begin+7s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-1024%22%20begin%3D%22fpic5.begin+12s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-768%22%20begin%3D%22fpic5.begin+19s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024%22%20to%3D%220%22%20begin%3D%22fpic5.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768%22%20to%3D%220%22%20begin%3D%22fpic5.begin+32s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic5.begin+38s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic5.begin+45s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-512%22%20begin%3D%22fpic5.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-384%22%20begin%3D%22fpic5.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic5%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic5.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h9Vd1I.jpg%22%20style%3D%22width%3A2048px%3Bheight%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic6%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic5.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-512%22%20to%3D%220%22%20begin%3D%22fpic6.begin+2s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384%22%20to%3D%220%22%20begin%3D%22fpic6.begin+7s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-1024%22%20begin%3D%22fpic6.begin+12s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-768%22%20begin%3D%22fpic6.begin+19s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024%22%20to%3D%220%22%20begin%3D%22fpic6.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768%22%20to%3D%220%22%20begin%3D%22fpic6.begin+32s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic6.begin+38s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic6.begin+45s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-512%22%20begin%3D%22fpic6.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-384%22%20begin%3D%22fpic6.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic6%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic6.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h9K8Bt.jpg%22%20style%3D%22width%3A2048px%3Bheight%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic7%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic6.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-512%22%20to%3D%220%22%20begin%3D%22fpic7.begin+2s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384%22%20to%3D%220%22%20begin%3D%22fpic7.begin+7s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-1024%22%20begin%3D%22fpic7.begin+12s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-768%22%20begin%3D%22fpic7.begin+19s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024%22%20to%3D%220%22%20begin%3D%22fpic7.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768%22%20to%3D%220%22%20begin%3D%22fpic7.begin+32s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic7.begin+38s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic7.begin+45s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-512%22%20begin%3D%22fpic7.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-384%22%20begin%3D%22fpic7.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic7%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic7.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h9ZRaD.jpg%22%20style%3D%22width%3A2048px%3Bheight%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic8%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic7.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-512%22%20to%3D%220%22%20begin%3D%22fpic8.begin+2s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384%22%20to%3D%220%22%20begin%3D%22fpic8.begin+7s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-1024%22%20begin%3D%22fpic8.begin+12s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-768%22%20begin%3D%22fpic8.begin+19s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024%22%20to%3D%220%22%20begin%3D%22fpic8.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768%22%20to%3D%220%22%20begin%3D%22fpic8.begin+32s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic8.begin+38s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic8.begin+45s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-512%22%20begin%3D%22fpic8.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-384%22%20begin%3D%22fpic8.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic8%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic8.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/08/23/h9EGJs.jpg%22%20style%3D%22width%3A2048px%3Bheight%3A1536px%3B%20opacity%3A0%3B%22%20x%3D%22-512px%22%20y%3D%22-384px%22%3E%0A%3Canimate%20id%3D%22fpic9%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic8.end-1%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-512%22%20to%3D%220%22%20begin%3D%22fpic9.begin+2s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-384%22%20to%3D%220%22%20begin%3D%22fpic9.begin+7s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-1024%22%20begin%3D%22fpic9.begin+12s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-768%22%20begin%3D%22fpic9.begin+19s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-1024%22%20to%3D%220%22%20begin%3D%22fpic9.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-768%22%20to%3D%220%22%20begin%3D%22fpic9.begin+32s%22%20dur%3D%224s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20begin%3D%22fpic9.begin+38s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20begin%3D%22fpic9.begin+45s%22%20dur%3D%223s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-512%22%20begin%3D%22fpic9.begin+49s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-384%22%20begin%3D%22fpic9.begin+51s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic9%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic9.begin+53s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3C/svg%3E";
var blk = document.querySelector('#blk0');
blk.innerHTML = unescape(doctxt);
</script>
195400 发表于 2021-8-29 10:18
直接用代码写也行吧
直接用代码怕系统把图片地址捣乱了,背景图不出来就不要紧。用三角形是可以显示下面的歌词。:lol 寒冬残荷 发表于 2021-8-29 11:07
直接用代码怕系统把图片地址捣乱了,背景图不出来就不要紧。用三角形是可以显示下面的歌词。
怕论坛去掉svg里的图片,可已用iframe空间帖或这用escape加密代码(如楼上)http://tool.chinaz.com/Tools/escape.aspx
寒冬残荷 发表于 2021-8-29 11:07
直接用代码怕系统把图片地址捣乱了,背景图不出来就不要紧。用三角形是可以显示下面的歌词。
如果要音乐只好用iframe 欣赏、学习,为你点赞,为你鲜花!!!
红枫 发表于 2021-8-30 18:07
欣赏、学习,为你点赞,为你鲜花!!!
http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123001hstspbnsskb1sb2s.gif
页:
1
[2]