Tagged: javascript, video
-
AuthorPosts
-
August 16, 2015 at 8:06 pm #488428
Hi, I’m using a very popular video player called VooPlayer.
When I paste the following embed code into a text block:
<script src='//www.vooplayer.com/v3/watch/video.js'></script><iframe id='vooplayerframe' voo-auto-adj="true" style='max-width:100%' name='vooplayerframe' allowfullscreen src='//www.vooplayer.com/v3/watch/watch.php?v=NDYwNzk=' frameborder='0' scrolling='no' width='660' height='380' > </iframe>
it strips out the “voo-auto-adj” tag and changes to this:
<script src="//www.vooplayer.com/v3/watch/video.js"></script><iframe id="vooplayerframe" style="max-width: 100%;" src="//www.vooplayer.com/v3/watch/watch.php?v=NDYwNzk=" name="vooplayerframe" width="660" height="380" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"> </iframe>
Is there a work around?
Thanks!
Ron
August 17, 2015 at 7:12 am #488604Hey takingaction!
Thank you for using Enfold.
I tested the code on a “Code Block” and it doesn’t strip the attribute. Please use it instead of the text block.
Cheers!
IsmaelAugust 17, 2015 at 7:37 am #488627Thanks Ismael, but if I use a code block the video player doesn’t show up, which defeats the purpose. This is not a tracking script. It is a video player and people therefore need to be able to see it.
Best,
Ron
August 17, 2015 at 9:19 am #488702Hi,
Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.
Thanks,
RikardAugust 17, 2015 at 9:24 am #488703Rikard, I would politely ask that you confirm this code revision on your end before rushing to blame my installation/setup.
If, for some reason, your version of Enfold is not generating the same revised code, then we can delve into my installation from there.
Thanks!
Ron
August 17, 2015 at 11:20 pm #489203I also tested it on my install using a Code Block and the video was rendered as expected.
Regards,
JosueAugust 17, 2015 at 11:33 pm #489206I’m not getting anything. Login info in private area below. Thanks!
August 18, 2015 at 2:32 am #489222There’s a conflict between the code block and my main video player plugin, Simple Video Pro (plugin name: “InstaMagic’s FanBuzz / Simple Video Pro”). Since I need that plugin active on this site as well, I need either a text box that doesn’t rewrite my code or a code block that works with this plugin. Thanks!
August 18, 2015 at 4:12 am #489234Hi!
You could create a shortcode to embed these videos, try adding something like this to your theme / child theme functions.php:
add_shortcode('voo_video', function($atts) { $atts = shortcode_atts( array( 'id' => '' ), $atts ); extract($atts); ob_start(); ?> <script src='//www.vooplayer.com/v3/watch/video.js'></script><iframe id='vooplayerframe' voo-auto-adj="true" style='max-width:100%' name='vooplayerframe' allowfullscreen src='//www.vooplayer.com/v3/watch/watch.php?v=<?php echo $id; ?>=' frameborder='0' scrolling='no' width='660' height='380' > </iframe> <?php return ob_get_clean(); });
Usage:
[voo_video id='NDYwNzk']
Regards,
JosueAugust 9, 2018 at 3:53 am #995215Hi, I was looking for VooPlayer plus Enfold as I am too experiencing issues. I have tried the above shortcode solution, it didn’t work.
I have put some links in the private content, to show what I am experiencing:
Issue 1: there is a black border around the video (only when playing) that should not be there and is nowhere specified, I am using the latest up-to-date safari browser on a fully up-to-date MacOS computer;
Issue 2: on iOS Safari (again latest safari and latest iOS) there is an issue causing the rest of the page to scroll under the video. The video is sort of opaque.Cause according to VooPlayer (this text is copy-pasted from their message to me:
Hi there, was able to troubleshoot a bit more, confirming the originally suspected theme conflict.
Unfortunately, not able to directly help you out with this aside from pointing out where the issue is
<<see link in private content>>the theme you are using has z-indexes all over the place, what needs to be realigned that all of the parents of the video element to have the higher z-index then their siblings. as you can see in my video, z-index of the video is being overwritten by another element, or elements
August 10, 2018 at 9:39 pm #996150 -
AuthorPosts
- The topic ‘VooPlayer code being changed upon save’ is closed to new replies.