Is there a way to embed Facebook video in fancybox using this code?
<a class="overlink" data-fancybox="" href="https://www.facebook.com/watch/?v=222587198843939"></a>
I am having this error:
Related
I have a video on Dailymotion that I'd like to display on my Wordpress website (X-Theme with Cornerstone).
I use a Video Player element and when I paste the URL of the video in the SRC & Poster field no video is being displayed.
I don't know much about this so I am open to any suggestions. (Is there maybe an other element which is more appropriate for this ? )
I chose DailyMotion rather than Youtube because I need an annotation linking to a page from my website.
You need to use Embedded video feature of the x theme to integrate/add the dailymotion video:
Use the following code inside the Embedded video in the embed code section and replace the video ID.
<iframe frameborder="0" width="480" height="270"
src="//www.dailymotion.com/embed/video/xwr14q?autoplay=1&mute=1"
allowfullscreen></iframe>
Screenshot
how to integrate video.js & VAST, VPAID ADS plugin to wordpress ?
I tried to paste the files in header.php file , but dosent work ?
Please guide on any plugin that works fine .
You can make the videos play on the fly in WordPress pages using the shortcodes.
Videojs HTML5 Player
Embed video file beautifully in WordPress using Videojs HTML5 Player. Embed HTML5 compatible responsive video in your post/page with video js.
https://wordpress.org/plugins/videojs-html5-player/
insert below code to your site Head
<link href="//vjs.zencdn.net/7.10.2/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/7.10.2/video.min.js"></script>
you can use of this plugin
then, use below example for post new video
<video
id="my-player"
class="video-js"
controls
preload="auto"
poster="//vjs.zencdn.net/v/oceans.png"
data-setup='{}'>
<source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
<source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
<source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">
supports HTML5 video
</a>
</p>
</video>
I am trying to embed the video from youtube for the intro page that will occupy the full screen using the wordpress core theme.
Here is the link for the demo of the template that i use :
http://themes.themegoods2.com/core/
If you go to home/Video background you will see the effect i want to have on my website.
Unfortunately, this is the effect that i get :
http://azurproductionvideo.com/intro/
I already tried all the solutions from the links below :
Embed youtube videos that play in fullscreen automatically
How to make a YouTube embedded video a full page width one?
http://avexdesigns.com/responsive-youtube-embed/
Full Width and Height Responsive Embedded YouTube Video
I would be very grateful for any suggestions or advice on how to fix this issue.
Thanks in advance for your help.
No need to embed the youtube video inside the content of your page, the template author already explained that you just need to go to Core admin > Homepage and select youtube video background as homepage content
I used this jquery plugin.
saved my youtube video id as a custom field.
then added this to my homepage
<script type="text/javascript">
jQuery(function(){
var homevideo = "<div id=\"bgndVideo_home\" data-property=\"{videoURL:'https://www.youtube.com/watch?v=<?php the_sub_field('video_id'); ?>', opacity:1, autoPlay:true, containment:'body', startAt:1, stopAt:0, mute:true, optimizeDisplay:true, showControls:false, printUrl:false, loop:true, addRaster:false, quality:'default', ratio:'16/9', realfullscreen:'true', stopMovieOnClick:'false', showYTLogo:'false', gaTrack:'false'}\"></div>";
jQuery("body").prepend(homevideo);
jQuery("#bgndVideo_home").mb_YTPlayer();
});
</script>
Here is the wordpress plugin for it
Hi i am using prettyphoto media plugin in wordpress to display my youtube videos in a lightbox.
I have three, and I posted each one as different youtube video. Using prettyphoto the 1st post displays the video in lightbox. But other two don't open in the lightbox and just redirect to the youtube page.
Below one works perfectly
<a class="slid-img" href="http://www.youtube.com/watch?feature=player_embedded" rel="prettyPhoto"><img src="http://code/wp-content/uploads/2013/02/video1.png" alt="video1" width="412" height="323" class="alignnone size-full wp-image-731" /></a>
Below two doesn't work with lightbox
<a class="slid-img" href="http://www.youtube.com/watch?v=k4QO" rel="prettyPhoto"><img src="http://code/wp-content/uploads/2013/02/video2.png" alt="video3" width="411" height="324" class="alignnone size-full wp-image-732" /></a>
<a class="slid-img" href="http://www.youtube.com/watch?feature=player_embedded" rel="prettyPhoto" ><img src="http://code/wp-content/uploads/2013/02/video1.png" alt="video2" width="412" height="323" class="alignnone size-full wp-image-731" /></a>
Can any one tell me how to make it work?
All the videos are set in slider.
Other Problem is 1st video opens in fancybox only in the first round of the slider after that video doesn't open in fancybox
Here are some basic troubleshooting steps for your situation:
Have you tried non-youtube content in your PrettyPhoto? Try some -- like images that are loaded from Wordpress. If images don't work either, you likely have an error somewhere in your javascript that is tripped when you first call PrettyPhoto. Look carefully through the javascript that is generated by the plugin -- most likely the javascript in the head of your wordpress page.
Otherwise, a likely conflict with PrettyPhoto is JetPack. If you have this plugin installed and enabled, try disabling it first.
If you don't notice anything better, try disabling all wordpress plugins except for PrettyPhoto. If it still doesn't work properly, try reverting to the default wordpress theme, like 2010.
If none of these is the problem, it could be the version of jQuery you are running. I think PrettyPhoto is compatible up to only jQuery 1.6.1.
Another thing to check is to make sure you are only loading one copy of jQuery. Look through the generated source code of your wordpress page, and see if there is more than one reference to jquery.
i want to share my website news in facebook.
how can my visitor share my news in Their Facebook wall ??
The one you linked to simply is a link in the form:
http://www.facebook.com/share.php?u=http://www.yourlinkhere.com
Where you will automatically put your link into the bolded piece
Some Javascript that will do this is:
<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>