Forum Replies Created
-
Posts
-
Does this article shed any light on the issue?
P.S. I have this video hosted on Vimeo too if we can’t get Wistia to work. Does that help? I don’t want Youtube. Doesn’t look professional. Wistia looks best IMO.
Looking into the code of someone else I know who uses Wistia this is one of the links I found in “src”
//fast.wistia.net/embed/iframe/x99w59j848?videoFoam=truePerhaps that’s the scheme we’re looking for?The whole code was
<iframe class="wistia_embed" src="//fast.wistia.net/embed/iframe/x99w59j848?videoFoam=true" name="wistia_embed" width="639" height="388" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen" style="width: 639px; height: 388px;"></iframe>Here’s the responsive one
<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="//fast.wistia.net/embed/iframe/uor4461zof?videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="100%" height="100%"></iframe></div></div> <script src="//fast.wistia.net/assets/external/E-v1.js" async></script>And the fixed one
<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="//fast.wistia.net/embed/iframe/uor4461zof?videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="100%" height="100%"></iframe></div></div> <script src="//fast.wistia.net/assets/external/E-v1.js" async></script>What about the oEmbed URL thing?
Does this have any validity? “The above can also be toggled to Fallback instead of Standard Javascript Embed code, plus you can check a box for oEmbed URL. Says recommended for WordPress.”
Here are all the code options Wistia gives me with the respective code. Anything look workable?
Inline Embed
<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_embed wistia_async_uor4461zof" style="height:200px;width:356px"> </div>Inline Embed Responsive
<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_uor4461zof videoFoam=true" style="height:100%;width:100%"> </div></div></div>The above can also be toggled to Fallback instead of Standard Javascript Embed code, plus you can check a box for oEmbed URL. Says recommended for WordPress.
Popover Embed
<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js" async></script><span class="wistia_embed wistia_async_uor4461zof popover=true popoverAnimateThumbnail=true" style="display:inline-block;height:200px;width:356px"> </span>Popover Embed Responsive
<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_uor4461zof popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;width:100%"> </span></div></div>Public link for sharing
https://strengthinnumberscoaching.wistia.com/medias/uor4461zofBTW is there a way to get around this by using a fixed image of that video frame so it is dynamically resized by the slider yet when you click that image it opens the video the same way?
Yes. Too big.
Here’s iphone 6s vertical and horizontal, ipad Mini vertical and horizontal, and iPad Air vertical and horizontal.
It should be as tall as the top of “There is Hope” and the bottom of the blue box, and no wider than the end of “Welcome to Strength In Numbers!”
iPhone 6s vertical
iPhone 6s horizontal
iPad Mini vertical
iPad Mini horizontal
iPad Air vertical
iPad Air horizontal
P.S. I really wish this forum had an image uploader. That was painstaking.
Thank you! That sounds overwhelming. How can I possibly know the correct sizes? I tried entering the site http://strengthinnumberscoaching.com/video-slider-test/ into http://www.responsinator.com but if I update your code it doesn’t appear to change anything and I have no way to have all those devices and test all the resolutions/sizes/codes.
Any suggestions/help?
I cleared cache on Safari and all looks good. Thanks!
I have another issue I’ve been waiting 3 days for a response on. Any way you can check it?
Ok. However, they still aren’t there or looking correct. Go to my site in a desktop browser, resize the window and check. I’ve tried in both Chrome and Safari.
I successfully edited the functions.php file in FTP. Site is back up. Try not to break it again ok? ;)
Here you go. I set it up so it should take you right into my root of WordPress when you login. My domain is a subdomain so I tried to save you the navigation.
I see now that you totally crashed my site. Please give me instructions asap to give ftp access to fix this immediately. My site needs to be up.
I don’t know how to do that. Please try again. A 500 error shouldn’t be permanent. Probably a temporary problem.
Every single time you’ve asked I’ve gone in and generated a new password and then saved the user profile. I’ve never had trouble in the past doing this with other admins. Maybe pass this off to someone else? Here’s a last attempt. I tested it and it works…
So in continuing to try and make this work I’ve now got it so the video is a pop-over not inline embed. The problem is that 1. that element is not responsive in the slider (look at the page in mobile) and 2. it seems to be somehow preventing the slide from advancing completely.
HELP! I just want to put my video I made in OCTOBER into this slider and have it work right!!!
I looked through the list you linked and don’t see an alternative to Wordfence. Can you recommend one?
So I got crazy busy and this got totally buried in my email. I just checked and yes, all that code is in the right places. Still not working.
Try username “kriesi”.
As far as a youtube video that supports mobile version how do I do that? All the embed code that youtube gives me has pixel settings for width and height.
I’m not quite sure what to do with this? What is my next step? I don’t think the issue is wistia. I tried it with Youtube too. Same issue.
