ΠΩΣ ΒΑΖΩ ΒΙΝΤΕΟ ΓΙΑ BACKGROUND ΣΤΟ BLOG MOY Νο 1
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα βίντεο για background στο blog μας. Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα μέσα στο πρότυπό σας πρίν το κλείσιμο της ετικέτας </head>. Μετά αναζητήστε με την βοήθεια των πλήκτρων Ctrl+F την γραμμή <body expr:class='"loading" + data:blog.mobileClass'> και κάτω ακριβώς από αυτή αντιγράψτε αυτήν την σύντομη γραμμή κώδικα <div id='wrapper-video'> Και τέλος βάλτε ένα τελευταίο </div> πρίν το κλείσιμο της ετικέτας </body>
Μην
ξεχάσετε να αλλάξετε το βίντεο που περιέχεται στον παρακάτω κώδικα (στην
προτελευταία γραμμή) και έχω χρωματίσει με κίτρινα γράμματα
με αυτό που θέλετε εσείς να εμφανίζεται στο blog σας. Το βίντεο
πρέπει να είναι από το youtube
και πρέπει να αντιγράψετε από το url του
βίντεο μόνο τα τελευταία γράμματα και αριθμούς που βρίσκονται μετά το = Για παράδειγμα από την παρακάτω url ενός
youtube βιντεο
αντιγράφετε μόνο τά κίτρινα γράμματα. https://www.youtube.com/watch?v=1stIQK3DS6oΜε τον παρακάτω κώδικα μπορούμε να βάλουμε ένα βίντεο για background στο blog μας. Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα μέσα στο πρότυπό σας πρίν το κλείσιμο της ετικέτας </head>. Μετά αναζητήστε με την βοήθεια των πλήκτρων Ctrl+F την γραμμή <body expr:class='"loading" + data:blog.mobileClass'> και κάτω ακριβώς από αυτή αντιγράψτε αυτήν την σύντομη γραμμή κώδικα <div id='wrapper-video'> Και τέλος βάλτε ένα τελευταίο </div> πρίν το κλείσιμο της ετικέτας </body>
ΔΕΙΤΕ ΕΔΩ ΠΩΣ ΦΑΙΝΕΤΑΙ ΠΕΡΙΠΟΥ ΣΕ ΜΙΑ ΑΛΛΗ ΑΝΑΡΤΗΣΗ ►
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var videoWidth = 1280;
var videoRatio = 16/9;
var defaultDiv = 'wrapper-video';
jQuery.fn.tubular = function(videoId,wrapperId) {
wrapperId = (typeof(wrapperId) == undefined) ? 'wrapper-video' :
wrapperId;
t = setTimeout("resizePlayer()",1000);
jQuery('html,body').css('height','100%');
jQuery('body').prepend('<div id="yt-container"
style="overflow: hidden; position: fixed; z-index: 1;"><div
id="ytapiplayer">You need Flash player 8+ and JavaScript enabled
to view this video.</div></div><div id="video-cover"
style="position: fixed; width: 100%;
height: 100%; z-index: 2;"></div>');
jQuery('#' + wrapperId).css({position: 'relative', 'z-index': 99});
var ytplayer = 0;
var pageWidth = 0;
var pageHeight = 0;
var videoHeight = videoWidth / videoRatio;
var duration;
var iframe = '<iframe id="myytplayer" width="' +
videoWidth + '" height="' + videoHeight + '"
src="http://www.youtube.com/embed/' + videoId +
'?autoplay=1&controls=0&modestbranding=1&showinfo=0&hd=1&iv_load_policy=3&version=3&wmode=transparent&loop=1&playlist='
+ videoId + '" frameborder="0"
allowfullscreen></iframe>';
jQuery('#ytapiplayer').html(iframe);
jQuery(window).resize(function() {
resizePlayer();});
return this;}
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
ytplayer.setPlaybackQuality('medium');
ytplayer.mute();}
function resizePlayer() {
var newWidth = jQuery(window).width();
var newHeight = jQuery(window).height();
jQuery('#yt-container, #video-cover').width(newWidth).height(newHeight);
if (newHeight > newWidth / videoRatio) {
newWidth = newHeight * videoRatio; }
jQuery('#myytplayer').width(newWidth).height(newWidth/videoRatio);}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[ $().ready(function() {$('body').tubular('0wOubdD04ko','wrapper-video'); }); //]]>
</script>
ΔΕΣ ΕΔΩ VIDEO BACKGROUND
ΑπάντησηΔιαγραφήhttp://magirevoparadosiaka.blogspot.gr/
Δές αυτό το βίντεο background που είναι ενσωματωμένο στην ανάρτηση «ΜΕΤΡΗΣΤΕ ΤΗΝ ΤΑΧΥΤΗΤΑ ΦΟΡΤΩΣΗΣ ΤΟΥ BLOG ΣΑΣ» θα πάθεις καρδιά δεν συνισταται για καρδιακούς !!! ΜΕΤΡΗΣΤΕ ΤΗΝ ΤΑΧΥΤΗΤΑ ΦΟΡΤΩΣΗΣ ΤΟΥ BLOG ΣΑΣ
Διαγραφή