《我心中的草原》-- 视频转向练习（竖转横）
<DIV style="POSITION: relative; WIDTH: 680px; TOP: -200px; LEFT: 150px"><html>
<head>
<style>
div#sp
{
margin:30px;
width:680px;
height:1200px;
background-color:yellow;
/* Rotate div */
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* Internet Explorer */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); /* Opera */
}
</style>
</head>
<body>
<div id="sp">
<iframe class="video_iframe" height="1200"
width="680"src="http://v.qq.com/iframe/player.html?vid=
q3267d4kb72&auto=1&" ></iframe></div>
</body>
</html>
</DIV>
有意思的尝试
<iframe src="https://jx.mw0.cc/?url=https://v.qq.com/x/page/q3267d4kb72.html" frameborder="0" scrolling="no"
style="width:675px;height:1200px;transform:rotate(-90deg); margin-left:120px;margin-top:-300px;positiom:relative;"></iframe>
<iframe src="https://jx.mw0.cc/?url=https://v.qq.com/x/page/q3267d4kb72.html" frameborder="0" scrolling="no"
style="width:675px;height:1200px;transform:rotate(-90deg); margin-left:120px;margin-top:-300px;positiom:relative;"></iframe>
195400 发表于 2021-8-12 13:20
有意思的尝试
谢谢195400 临帖指导：CSS转向样式写在框架里，学写了。 然，略写其他所涉浏览器的转向代码，其他浏览器就不转向了（包括 I E 浏览器）
红枫 发表于 2021-8-12 14:57
谢谢195400 临帖指导：CSS转向样式写在框架里，学写了。 然，略写其他所涉浏览 ...
transform 现在主流浏览器都支持，用不着专门的代码针对特定浏览器。
在chrome、edge、firefox上都表现一致，win 10上的IE 11也是行的，至于其它的国产浏览器或低版本的IE没测试过。
IE 11 的兼容模式不行，transform 从IE 9.0 开始支持但要带 -ms-
新颖作品发表方式，学习了！ 雄鹰翱翔 发表于 2021-8-13 07:42
新颖作品发表方式，学习了！
谢谢 雄鹰 版主与老师们的赞赏和临帖指导！ 所谓“新颖作品发表方式“，那也是没办法而想出的办法，因为 原创的 flash 作品无网站空间能收藏储存与外链，所以把 flash 录成了视频。
页:
[1]