$(…).vidbg is not a function

Just to clarify I am calling jQuery in the header through this call:

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js”></script&gt;

I just resolved this by replacing the $ with jQuery on line 213:

<?php if( isset( $container_field ) ): ?>
      <script type="text/javascript">
        jQuery(function($){
213            jQuery('<?php echo $container_field; ?>').vidbg({
                  'mp4': '<?php echo $mp4_field; ?>',
                  'webm': '<?php echo $webm_field; ?>',
                  'poster': '<?php echo $poster_field; ?>',
              }, {
                // Options
                muted: <?php if($unmute_field == 'on'): ?>false<?php else: ?>true<?php endif; ?>,
                loop: <?php if($no_loop_field == 'on'): ?>false<?php else: ?>true<?php endif; ?>,
								overlay: <?php if($pattern_overlay == 'on'): ?>true<?php else: ?>false<?php endif; ?>,
              });
          });
      </script>
    <?php endif; ?>

Hi lewisjwright,

Sorry for the late response.

Sometimes video background, or any other script for that matter, can conflict with other jQuery plugins or scripts.

In the next version I’ll be sure to remove any possible conflicts with other jQuery libraries to accommodate for this issue.

Thanks for your solution!

Best Regards,

I’ve had the same problem and this solution hasn’t worked. It continues to return:
jquery.min.js:2 Uncaught TypeError: jQuery(…).vidbg is not a function
at HTMLDocument.<anonymous> ((index):591)
at j (jquery.min.js:2)
at k (jquery.min.js:2)