Hi
I've embedded a video in a post and in the browser on my desktop it appears as in the file "video on desktop" in the attached zip file. This is as I would have hoped.
When I go to that page on my iPad, there is no image indicating the presence of a video - just a "play" button - as shown in "video on ipad before viewing"
After playing the video it does then stay visible in the browser "video on ipad after viewing" but it doesn't fit properly within the browser window.
Questions:
- Is it possible to get the video to appear in the browser on the iPad the first time a user accesses that page?
- Can I embed different sized videos in the page - one to be used for desktop and one to be used for mobile - so that they fit better in the different environments?
Thanks, Graham
Is it possible to get the video to appear in the browser on the iPad the first time a user accesses that page?
This doesn't have direct relation to wpForo Advanced Attachment addon. Our addon calls Browser's video player. This is a HTML5 player. All functions and working logics of this player comes from browser, there is no way to control it from forum side.
Can I embed different sized videos in the page - one to be used for desktop and one to be used for mobile - so that they fit better in the different environments?
This player should be responsive and should work fine on all devices. it seems there is a theme styling conflict. Please leave website URL, we'll check and suggest some solution.
This player should be responsive and should work fine on all devices. it seems there is a theme styling conflict. Please leave website URL, we'll check and suggest some solution.
That's good to know - the site is at http://tamworthbaptists.org.uk/discussion/main-forum/first-week-teaching/#post-7
I should have said we are currently setting up the forums area so it isn't linked to the site menu structures. But the URL I provided should get you there.
Thanks
Please navigate in Dashboard to Forums > Settings > Styles admin page. Put this CSS code in Custom CSS Code textarea, save it , delete all caches and do Ctrl+F5 on front-end. Then refresh twice on your Tab.
@media screen and (min-width:800px) {
#wpforo #wpforo-wrap .wpfa-item.wpfa-video{ width:80%;}
}
@media screen and (max-width:800px) {
#wpforo #wpforo-wrap .wpfa-item.wpfa-audio video{ width:100%;}
#wpforo #wpforo-wrap .wpfa-item.wpfa-audio audio{ width:100%;}
#wpforo #wpforo-wrap .wpforo-post-content div.wpfa-item.wpfa-img-boxed { min-height:inherit!important; min-width:inherit!important; width:100%; height:auto;}
#wpforo #wpforo-wrap .wpforo-post-content div.wpfa-item.wpfa-img-boxed img { max-height:inherit!important; max-width:100%!important; width:100%; height:auto;}
#wpforo #wpforo-wrap .wpforo-post-content div.wpfa-item.wpfa-img img { max-height:inherit!important; max-width:100%!important; width:100%; height:auto;}
}
