need help about video component

when i add Video to C SS LAYOUT , and set video Width(240px), SET H IGHT(240px). but in the web, the sytle dis play width=1920px, hight=1080px,
how i can control the video size didplay at the web client?
thanks!

That is a “bug” in Video component (see: https://github.com/vaadin/framework/issues/5136 )

The Video component also is lacking some important features, luckily there is replacement component in Directory, that fixes the above issue and adds some important missing features (like support for range requests, which is really important with longer video clips)

https://vaadin.com/directory/component/audiovideo

Thank you very much!
And when i use the new component ( gwt video) in my project,it note cannot find the meth.Because i use the vaadin 7.5.6 ,not the vaadin 8. there’s any way for vaadin 7 to use the gwt video component?

The add-on does not work as is with Vaadin 7. However, I think most likely it should be possible to backport it to Vaadin 7.

yes. but how to backport?

I has take it ,use google video in the GWT.

but strange is that when i access from mac use qqbrowse,it work well. and when i access from andrion phone ,show the exeption:

org.apache.catalina.connector.ClientAbortException: java.io.IOException: Broken pipe
at org.apache.catalina.connector.OutputBuffer.realWriteBytes(OutputBuffer.java:393)
at org.apache.tomcat.util.buf.ByteChunk.append(ByteChunk.java:344)
at org.apache.catalina.connector.OutputBuffer.writeBytes(OutputBuffer.java:418)
at org.apache.catalina.connector.OutputBuffer.write(OutputBuffer.java:406)
at org.apache.catalina.connector.CoyoteOutputStream.write(CoyoteOutputStream.java:97)
at com.vaadin.server.DownloadStream.writeResponse(DownloadStream.java:306)
at com.vaadin.server.AbstractClientConnector.handleConnectorRequest(AbstractClientConnector.java:672)
at com.vaadin.server.ConnectorResourceHandler.handleRequest(ConnectorResourceHandler.java:90)
at com.vaadin.server.VaadinService.handleRequest(VaadinService.java:1408)
at com.vaadin.server.VaadinServlet.service(VaadinServlet.java:351)
at com.vaadin.addon.touchkit.server.TouchKitServlet.service(TouchKitServlet.java:63)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:729)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:291)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:239)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:219)
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:106)
at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:502)
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:142)
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:79)
at org.apache.catalina.valves.AbstractAccessLogValve.invoke(AbstractAccessLogValve.java:617)
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:88)
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:518)
at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1091)
at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:668)
at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1521)
at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.run(NioEndpoint.java:1478)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1142)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:617)
at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
at java.lang.Thread.run(Thread.java:745)
Caused by: java.io.IOException: Broken pipe
at sun.nio.ch.FileDispatcherImpl.write0(Native Method)
at sun.nio.ch.SocketDispatcher.write(SocketDispatcher.java:47)
at sun.nio.ch.IOUtil.writeFromNativeBuffer(IOUtil.java:93)
at sun.nio.ch.IOUtil.write(IOUtil.java:65)
at sun.nio.ch.SocketChannelImpl.write(SocketChannelImpl.java:471)
at org.apache.tomcat.util.net.NioChannel.write(NioChannel.java:127)
at org.apache.tomcat.util.net.NioBlockingSelector.write(NioBlockingSelector.java:101)
at org.apache.tomcat.util.net.NioSelectorPool.write(NioSelectorPool.java:173)
at org.apache.coyote.http11.InternalNioOutputBuffer.writeToSocket(InternalNioOutputBuffer.java:139)
at org.apache.coyote.http11.InternalNioOutputBuffer.addToBB(InternalNioOutputBuffer.java:197)
at org.apache.coyote.http11.InternalNioOutputBuffer.access$000(InternalNioOutputBuffer.java:41)
at org.apache.coyote.http11.InternalNioOutputBuffer$SocketOutputBuffer.doWrite(InternalNioOutputBuffer.java:320)
at org.apache.coyote.http11.filters.IdentityOutputFilter.doWrite(IdentityOutputFilter.java:84)
at org.apache.coyote.http11.AbstractOutputBuffer.doWrite(AbstractOutputBuffer.java:256)
at org.apache.coyote.Response.doWrite(Response.java:503)
at org.apache.catalina.connector.OutputBuffer.realWriteBytes(OutputBuffer.java:388)
… 32 more

how to do?

look from the mac web:

<video id="myvideo" autoplay="" controls="" style="width: 80%; height: 30%;"><source src="http://localhost:8080/dryv2/APP/connector/0/139/href/VID_20190119_094502.mp4" type="video/mp4"></video>

I has take it ,use google video in the GWT.

Have you tried to backport the add-on yourself? Or are you using Vaadin 8 version?

org.apache.catalina.connector.ClientAbortException: java.io.IOException: Broken pipe at
org.apache.catalina.connector.OutputBuffer.realWriteBytes(OutputBuffer.java:393) at

This exception should be supressed. As browser notices that range requests are accepted, it will abort and read jump table from the end of file. That is supressed here: https://github.com/TatuLund/audiovideo/blob/master/gwtav-addon/src/main/java/org/vaadin/gwtav/IOUtil.java#L105

You seem to use Touchkit

com.vaadin.addon.touchkit.server.TouchKitServlet.service(TouchKitServlet.java:63) at

There might be something going differently how resources are served with TouchKit, since it has different servlet, and hence things are not going in normal route.

So probably the add-on does not work with Touchkit at the moment.

I backport the add-on for vaadin 7.5.6,but has little function.
I use the Touchkit add-on,service to android or ios phone.
the connector URL run well for mac qqbrowse ,bu in the mac sofaris browse couldnt play the mp4 video. in the phone ,all the browse couldnt play the mp4, and show the exception in server.I try to download the mp4 file use Link.class in phone,but the file couldn`t play local.

"This exception should be supressed. As browser notices that range requests are accepted, it will abort and read jump table from the end of file. That is supressed here: https://github.com/TatuLund/audiovideo/blob/master/gwtav-addon/src/main/java/org/vaadin/gwtav/IOUtil.java#L105

it a good way,i get it.the video run well in my phone.