Question

实际上，我正在尝试制作自适应视频iframe，但我不能这样做。我已经尝试了很多次，没有背景框架就可以了。

<Server port="28005" shutdown="SHUTDOWN">
  <Listener className="org.apache.catalina.startup.VersionLoggerListener" />

java.net.ConnectException: Connection refused
        at java.net.PlainSocketImpl.socketConnect(Native Method)
        at java.net.AbstractPlainSocketImpl.doConnect(AbstractPlainSocketImpl.java:350)
        at java.net.AbstractPlainSocketImpl.connectToAddress(AbstractPlainSocketImpl.java:206)
        at java.net.AbstractPlainSocketImpl.connect(AbstractPlainSocketImpl.java:188)
        at java.net.SocksSocketImpl.connect(SocksSocketImpl.java:392)
        at java.net.Socket.connect(Socket.java:589)
        at java.net.Socket.connect(Socket.java:538)
        at java.net.Socket.<init>(Socket.java:434)
        at java.net.Socket.<init>(Socket.java:211)
        at org.apache.catalina.startup.Catalina.stopServer(Catalina.java:450)
        at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
        at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
        at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
        at java.lang.reflect.Method.invoke(Method.java:498)
        at org.apache.catalina.startup.Bootstrap.stopServer(Bootstrap.java:398)
        at org.apache.catalina.startup.Bootstrap.main(Bootstrap.java:485)

The stop command failed. Attempting to signal the process to stop through OS signal.

Answer 1

尝试使用此代码并根据需要调整框架的宽度

@media only screen and (max-width:800px)
   /* For tablets: */
   .youriframeclass {
       width: 80%;
       padding: 0;
   }

   .youriframeclass {
       width: 100%;
   }
}

@media only screen and (max-width:500px) {
   /*For mobile phones:*/
   .youriframeclass {
       width: 100%;
    }
}

如何使Iframe响应视频？

1 个答案: