【云裳图文】菩萨蛮 翻唱：云裳

欢颜（云裳）

我也在

谢谢云裳分享精致帖图。

么念

图文色调舒适，好看，欣赏，问好

欢颜（云裳）

么念 发表于 2025-3-24 16:24
图文色调舒适，好看，欣赏，问好

谢谢欣赏，问好

爆汁莓驴

1. <div style="position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow:hidden;box-shadow: 3px 3px 8px #999;background-color:mediumturquoise;">
2. <iframe style="position: absolute;width: 100%;height: 100%;left: 0;top: 0;transform:scale(1.0)" oncontextmenu="return false" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/FQX/hyzt.html?url=https://cccimg.com/view.php/d73060847e4fbaf0f1393349b0db8e53.mp4&n1=https://pic1.imgdb.cn/item/67daa91288c538a9b5c10bbd.jpg&n2=https://pic1.imgdb.cn/item/67daa91188c538a9b5c10bbc.jpg&n3=https://pic1.imgdb.cn/item/67daa91288c538a9b5c10bbe.jpg&n4=https://pic1.imgdb.cn/item/67daa91288c538a9b5c10bbf.jpg&n5=https://pic1.imgdb.cn/item/67daa91288c538a9b5c10bbd.jpg"></iframe>
3. </div>

复制代码

这个至少能移动图片 因浏览器支持问题，视频显示有的可以，有的不能显示。
使用：视频就是歌曲连接（url），是视频连接！你上传后有连接，直接复制使用;系列n是组图连接，一般是3个，最后n4重复第一张图，为了头尾无缝相接。如果组图有4张，也一样使用，最后重复第一张。这个自动识别图的宽高，如果高度大于宽度向上循环移动，否则组图左移。建议组图使用，url可以视频或者用mp3（我没有试过）
如果不希望有黑框，scale(1.0)改为1.1左右

欢颜（云裳）

爆汁莓驴 发表于 2025-3-25 12:22
这个至少能移动图片 因浏览器支持问题，视频显示有的可以，有的不能显示。
使用：视频就是歌 ...

谢谢欣赏和提点，问好

爆汁莓驴

欢颜（云裳） 发表于 2025-3-25 22:00
谢谢欣赏和提点，问好

你上次要代码，你有很多组图，又有很好的唱功！我就考虑搞个模板，方便组合图片和视频。主要是能让更多手机用户方便欣赏
第一次做就发现谷歌浏览器不显示视频，估计你用的QQ也可能不显示。原因是网盘的视频码浏览器不识别或不支持，我把菩萨蛮重新上传到其他平台转码后谷歌就显示了。你以后模板使用视频尽量不用网盘上传的，但360浏览器支持能显示。

欢颜（云裳）

爆汁莓驴 发表于 2025-3-26 06:29
你上次要代码，你有很多组图，又有很好的唱功！我就考虑搞个模板，方便组合图片和视频。主要是能让更多手 ...

你这些代码，别的论坛怎么不能用呢？

爆汁莓驴

欢颜（云裳） 发表于 2025-3-26 23:02 你这些代码，别的论坛怎么不能用呢？

像视频背景透明是CSS3样式，都是比较潮流的玩意，老的论坛如不更新估计适应不了。
也有可能是浏览器问题，建议使用兼容性较好的360试试。
或者你有上传html并可外链的渠道，获取连接后套用代码试试。那个网盘上传不行只能下载，不能直接打开。

爆汁莓驴

中画应该是最潮的论坛，在代码使用方面应该是最好的！
但使用http协议尽管宽松，但由于安全问题往往会被一些平台拒绝。譬如西瓜视频就不能嵌入显示，草坛也是同样原因不显示。