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>
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
So I've embedded a video into my WordPress website using the following code
<div class="videoWrapper"><iframe src="http://www.genericwebsitename.co.uk/wp-content/uploads/2015/11/generic-website-name-goes-in-here...mp4" width="300" height="300"></iframe></div>
I have attempted to add autoplay=0, autoplay=false but nothing seems to be working. It always auto plays.
As you can see, this is not a youtube link, the video file is uploaded to the WordPress site itself and linked via a iFrame tag.
Looking through the forums I cannot seem to find an answer that works.
Instead of iframe use bellow format
You can use video tag source, like this:
<video width="640" height="480" controls="controls" type="video/mp4" preload="none">
<source src="http://example.com/mytestfile.mp4" autostart="false">
Your browser does not support the video tag.
</video>
How can I autoplay a video using the new embed code style for Youtube?
Months ago my iFrame code including autoplay have worked with my embedded youtube video, but now It won't autoplay my video. I've tried all iFrame possibilities..
Here is my current code:
<iframe width="640" height="385" src="http://www.youtube.com/embed/0319ZgKMLzw?autoplay=1"> </iframe>
I'm using wordpress without any plugins.
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'm in the middle of migrating my current website into Wordpress and was having troubles getting the audio HTML5 tag to work properly. I am basically using a copy and pasted version of the existing code I've been using on the current website (see below, also note I have only edited the source src location to use the entire URL, replaced the php echo, and wrapped the audio tag within a div).
I have also already checked the files to see if they are valid.
Wordpress code:
<div><audio controls="controls" preload="none" onPlay="_gaq.push(['_trackEvent', 'Audio', 'Play', 'Radio-2011-08-01']);">
<source src="http://www.thelovelydaze.com/files/music/TLZRADIO08012011.ogg" type="audio/ogg" />
<source src="http://www.thelovelydaze.com/files/music/TLZRADIO08012011.mp3" type="audio/mp3" />
Your browser does not support audio streaming.
</audio></div>
Current Code:
<audio controls="controls" preload="none" onPlay="_gaq.push(['_trackEvent', 'Audio', 'Play', 'Radio-2011-08-01']);">
<source src="../files/music/TLZRADIO08012011.ogg" type="audio/ogg" />
<source src="../files/music/TLZRADIO08012011.mp3" type="audio/mp3" />
<?php echo $AudioNote ?>
</audio>
For reference:
Wordpress site: http://thelovelydaze.com/WP/2011/08/01/the-lovely-daze-radio-2/
Current site: http://www.thelovelydaze.com/music/tlz-radio-20110801.php
Thanks!
I did not find the html5 js in your site. please add that as still all browsers ar not supporting html 5 and css 3