aner42
Member
Posted 3 months ago #
ms.3a.se
Browser:
Chrome
Ipad
I can see the first image
Android
I see only a black box.
Code:
[video mp4="http://ms.3a.se/wp-content/uploads/2013/01/12110291.mp4" preload="auto" autoplay="true" loop="true" width="854" height="480" id="movie-id" controls="false"][track kind="captions" src="http://example.com/path/to/captions.vtt" srclang="en" label="English" default="true"][/video]
Question is it possible to make the video responsive?
http://wordpress.org/extend/plugins/videojs-html5-video-player-for-wordpress/
Dustin Lammiman
Member
Plugin Author
Posted 3 months ago #
Have you checked to see if you video is prepared properly, as per this article?
The next version of the plugin will have an option to make the videos responsive. If you are interested you can check out the beta version at https://github.com/zencoder/video-js-for-wordpress - just be aware that there may still be some bugs.
poco06
Member
Posted 3 months ago #
Hello,
I have the same issue.
In fact, it seems that the video does not start automatically in the Ipad, even if the autoplay="true" has been added.
If you add the control="true" option, then you are able to launch the video in the Ipad using the controls.
Is there a way to improve this?
Many thanks
Dustin Lammiman
Member
Plugin Author
Posted 3 months ago #
Apple does not allow videos to autoplay on iOS, so the autoplay attribute has no effect on iPads, iPhones, etc.
poco06
Member
Posted 3 months ago #
Hi Dustin,
Thanks for the info. I was not aware of this.
Is there a way to treat in a different manner IOS (for example, show only an image instead of the video) ...
... but I want to keep the video for the PC viewers!
Regards
Dustin Lammiman
Member
Plugin Author
Posted 3 months ago #
You could change it to an image using some javascript and browser/device detection I'm sure, but I can't be of much help in that area. I would just make sure to set a good poster image (using poster="img/url.jpg") so that if the iOS touches the video it plays, but otherwise they still see a relevant image.