Search the Community

Showing results for tags 'Video'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Calendars

  • Community Calendar

Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 35 results

  1. Hello good, I have in my web videos privately hosted on my vps and I would like to remove from the bar of reprocuccion to the option of download. Greetings and a thousand thanks
  2. I'm using the code below to load and play MOV video files in a browser window. It's working with MP4 files, but not with MOV files - but only on this one laptop. The tool runs MOV files just fine on my desktop and a little netbook I have, but not on my laptop. Recently my hard drive failed on this laptop. I had to install a new hard drive then reinstall Windows 10 and other software. Now MOV files that used to play fine with the tool will not play. However, MP4 files will play just fine. The issue is not browser specific. The MOV files fail to play in Firefox, Chrome, IE, and Edge. They will not play whether I am loading the page from our web server or localhost (when running XAMPP). When I try to play the MOV files then the page returns the message: Cannot play video (type) "" I have no idea what general PC setting could be causing this issue. Any help will be greatly appreciated. Thanks in advance, Andrew // ---------- VIDEO LOADER ---------- var vvid = document.getElementById("video"); (function localFileVideoPlayerInit(win) { var URL = win.URL || win.webkitURL, displayMessage = (function displayMessageInit() { var node = document.querySelector('#message'); return function displayMessage(message, isError) { node.innerHTML = message; node.className = isError ? 'error' : 'info'; }; }()), playSelectedFile = function playSelectedFileInit(event) { var file = this.files[0]; var type = file.type; var videoNode = document.querySelector('video'); muteUnmute(); var canPlay = videoNode.canPlayType(type); canPlay = (canPlay === '' ? 'no' : canPlay); if (canPlay === "no") { var message = 'Cannot play video (type) "' + type + '"'; } else { var message = ""; } var isError = canPlay === 'no'; displayMessage(message, isError); if (isError) { return; } var fileURL = URL.createObjectURL(file); videoNode.src = fileURL; }, inputNode = document.querySelector('input'); if (!URL) { displayMessage('Your browser is not ' + '<a href="http://caniuse.com/bloburls">supported</a>!', true); return; } inputNode.addEventListener('change', playSelectedFile, false); }(window)); sizer(70); //sets initial display of video to 70%
  3. This is my site: http://feriapixel.cl/cleanway/index.php As you can see, if you are using Chrome, it has a video background at the beginning, but when i view it with Firefox, the video doesn't appear at all. This is the HTML and javascript of my video: <video id="my-video" class="video" muted loop> <source src="videos/Clean_Way.mp4" type="video/mp4"> <source src="videos/Clean_Way.webm" type="video/webm"> </video><!-- /video --> <script> (function() { /** * Video element * @type {HTMLElement} */ var video = document.getElementById("my-video"); /** * Check if video can play, and play it */ video.addEventListener( "canplay", function() { video.play(); }); })(); </script> I need to add something for Firefox?
  4. SUGGESTION. I don't know who to turn to to suggest this. You are just a school, I know - not the organizational body that determines HTML. Yet, perhaps you can direct me to the proper channel or pass on this request. My page has a black background and I have video controls <video controls> on it, which show up as white rectangles with black control icons. UGLY. It does not blend into the page. It would be nice if I could control the appearance of the controls, say reverse them out -- black background (which would blend into my background) with white control icons. Alternatively, it'd be nice to be able to use one's own control icons as graphics. With such an option one could have any color background, even patterned. I am writing the script longhand with BBEdit, and doing my initial viewing/testing with Chrome.
  5. Ok so I found out that it is easier to learn from ​video tutorials!. And I tried to figure out how can I fit whole website in a video. ​But the answer is 1interactive video tutorials! Imagine that you have a video and at the beginning you can select what do you want to learn, and select what chapter do you want to start in! For the memory check there can be quizzes in the middle of chapters for example when a code is being typed a quiz pops up that asks us what should I write next to make something happen! I heard that 3/4 people understands better when something is explained in a video. This could heavily increase the use of w3schools tutorials because you can save that video where ever you want! You can watch it in phone, computer and you do not need internet access! 2This might be a hard work but it will be a hard hit with a loud boom! ​ 1. Interactive video is a video that you can interact with! For example in a video you see a lot of buttons and you can click on them to do something! 2. What it means is that the more work you put the better results will be! ​Hope you like this idea!
  6. Want to create custom video player for my site. Have a problems with creating buttons and put them to right place
  7. UPDATE: Please skip to Post #11 (where I've re-started the post with, "UPDATE: Restarting question/post here...") Is it (reasonably) possible to autoscroll a text (txt) blob during the playback of a video on a page, and if so then how? What I'm wanting to accomplish is very similar to what SoundHound does with audio files and lyrics; while the audio file plays the synchronized lyrics scroll by in a frame. For example, I have a video 10 minutes long that I will play on a web page. I have a txt file with short lines of data.I can manipulate the txt file however needed to make this process work. Each line of text has a time stamp (and I can place the time stamp wherever in the line I want or need it placed). The times (timestamped lines) are not in even time intervals (but I can make the intervals even by placing in filler lines if needed). Most likely I'll have one line of text for every second (and I can even force it to be one line/row per second if it makes it easier). The text lines vary in length (but if really needed I could make them the same length, so it might be possible to scroll by byte range). [*]On my page: I will have the video playing. Below the video I will have the txt blob displaying in a scrolling field. [*]I would like the text blob to scroll automatically in synchornization with the video. If the user speeds up or slows down the video or jumps to a new place (forward or back) in the video, the blob needs to remain in sync. When the video is paused then the blob needs to stop scrolling. Is this something reasonably do-able? If so, can someone point me to or provide an example? (I'm a noob at this, but trainable.) Thanks in advance, Andrew
  8. This is my embed code but can't get it to work. <div style='text-align:center'><script type='text/javascript' src=‘http://pshared.5min.com/Scripts/PlayerSeed.js?sid=281&width=480&height=401&playList=517393213'></script><br/></div> When I place it in the body tag, nothing even shows up. Seems to ignore it completely. What am I doing wrong?
  9. I have a page that links to a video. When it loads, there is a lag in video loading, meaning the video loads but after a few seconds from loading the rest of content. I would appreciate if someone can show me how I can make the video loads exactly at the same time of everything else.
  10. I used PHP MyAdmin to create a database catalog now I want to add a Youtube video to each item but I don't know how because is a dynamic database. So how do I make it know all video come from Youtube and how do I make to configure the register form so when I add a new item it know what video it is? Does is true when I add a new item I only insert the video code, not the entire address? How do I do that? I'm using Dreamweaver CC+PHP.
  11. Warning: Noob alert. I was a complete noob 8 or 10 years ago and could fumble my way around Javascript, but I haven't touched it since. It's coming back to me, but slowly I have a web page where I play a video. Everything is working fine (with lots of snippets taken from this site). Below is both a sampling of the HTML and Javascript code used. At the bottom of this post I've pasted the contents of the whole page in case it is helpful. Body Snippet: <div> <video id="video"> <source src="myfile.mp4" type="video/mp4"> <!--I WANT THE PAGE USER TO BE ABLE TO CHANGE THE SRC FILE--> Your browser does not support HTML5 video. </video></div> Script Snippet: var vvid = document.getElementById("video"); function playPause() { if (vvid.paused) vvid.play(); else vvid.pause();}//...and lots, lots, more video control functions. However, I want to allow a user to change the video file being played. I would be nice for them to be able to click on a button that opens the file dialog where they would navigate to and select the video to be played. But if that's too complicated to implement then just placing the path and file name in an input text box for submission &/or reading by the script is fine too. I don't have need to implement playlists or anything fancy. This is for my where the page and files are on a local machine and XAMPP is being used as the server. I can do it with loading the text blob, but I've tried for hours and just can't figure out how to allow the user to select the video source (src). I'd be very appreciative if someone would show me how to do it. Thanks in advance, Andrew CODE FOR THE WHOLE PAGE, IN CASE IT IS HELPFUL: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>Video Viewer</title><style>#title { font-family:Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold; color:black; text-align:center;}#video { margin-top: 10px; margin-bottom: 2px; background: gray; background-position: center;}#speeds { width: 40px; margin-bottom:10px; font-size: xx-large; background: #808080; background-position:center; border:medium; border-color:black; border-style:solid; font-weight: bold; font-family: Arial, sans-serif;}/* STYLES FOR THE TEXT BLOBS */ #byte_content { margin: 5px 5px; max-height: 300px; overflow-y: auto; overflow-x: hidden; } #byte_range { margin-top: 5px; }/* END OF STYLES FOR THE TEXT BLOBS */</style></head><body onload="pageLoad()"> <div id="title">Video Viewer</div> <table cellpadding="0" cellspacing="0" align="center"> <tr align="center"> <td> <div style="text-align:center"> <button onclick="playPause()">Play/Pause</button> <button onclick="muteUnmute()" type="button">Mute/Unmute</button> <br/> <button onclick="size50()">Smallest</button> <button onclick="size75()">Smaller</button> <button onclick="size100()">Normal</button> <button onclick="size150()">Larger</button> <button onclick="size200()">Largest</button> <br/> Playback Speeds: <button onclick="speed10()">10%</button> <button onclick="speed25()">25%</button> <button onclick="speed50()">50%</button> <button onclick="speed75()">75%</button> <button onclick="speed100()">100%</button> <button onclick="speed125()">125%</button> <button onclick="speed150()">150%</button> <button onclick="speed175()">175%</button> <button onclick="speed200()">200%</button> <button onclick="speed400()">400%</button> <br/> Set Time: <button onclick="timeStart()">Start</button> <button onclick="timeValue('txt1')">Set Time</button> <input type="text" name="txt1" size="4" value="0" id="txt1"/> <button onclick="timeback10()">-10</button> <button onclick="timeback8()">-8</button> <button onclick="timeback6()">-6</button> <button onclick="timeback4()">-4</button> <button onclick="timeback2()">-2</button> <button onclick="timeforward2()">+2</button> <button onclick="timeforward4()">+4</button> <button onclick="timeforward6()">+6</button> <button onclick="timeforward8()">+8</button> <button onclick="timeforward10()">+10</button> <button onclick="timeforwardEnd()">End</button> Pause After Changes: <input type="text" name="txt2" size="4" value="1" id="txt2"/> </div> </td> </tr> <tr align="center"> <td> <div> <video id="video"> <source src="oceans.mp4" type="video/mp4"> <!--I WANT THE PAGE USER TO BE ABLE TO CHANGE THE SRC FILE--> Your browser does not support HTML5 video. </video> </div> </td> </tr> <tr align="center"> <td> <div> [Current Playback Speed: <span id="speed"></span>] <button onclick="speedSlower()" id="speeds"><img alt="slow" height="25" src="images/slow.png" width="25" /></button> <button onclick="backIt(this)" id="speeds"><img alt="slow" height="25" src="images/back.png" width="25" /></button> <button onclick="playPause()" id="speeds">II</button> <button onclick="forwardIt(this)" id="speeds"><img alt="fast" height="25" src="images/forward.png" width="25" /></button> <button onclick="speedFaster()" id="speeds"><img alt="fast" height="25" src="images/fast.png" width="25" /></button> [Playback position: <span id="elapsed"></span> of <span id="duration"></span>] </div> </td> </tr> <tr align="center"> <td> <input type="file" id="files" name="file" /> Read bytes: <span class="readBytesButtons"> <button data-startbyte="0" data-endbyte="60">01-60</button> <button data-startbyte="61" data-endbyte="120">60-120</button> <button data-startbyte="121" data-endbyte="180">121-180</button> <button>All</button> </span> <div id="byte_range"></div> <div id="byte_content"></div> </td> </tr> </table> <!-- ---------- JAVASCRIPT ------------ --><script> // ------------ HELP SOURCES ------------ //http://www.w3schools.com/js/js_examples.asp // ------------ MAIN VARIABLES ------------ var vvid = document.getElementById("video"); // ------------ PLAY PAUSE ------------ function playPause() { if (vvid.paused) vvid.play(); else vvid.pause(); } // ------------ SOUND ------------ function muteUnmute() { if (vvid.muted) vvid.muted = false; else vvid.muted = true;}// ------------ RESIZE VIDEO ------------ function size50() { vvid.width = 360; } function size75() { vvid.width = 540; } function size100() { vvid.width = 720; } function size150() { vvid.width = 1080; } function size200() { vvid.width = 1440; } // ------------ PLAYBACK SPEED ------------ function speedSlower() { vvid.playbackRate = vvid.playbackRate-0.1;} function speed10() { vvid.playbackRate = 0.1;} function speed25() { vvid.playbackRate = 0.25;} function speed50() { vvid.playbackRate = 0.50;} function speed75() { vvid.playbackRate = 0.75;} function speed100() { vvid.playbackRate = 1;} function speed125() { vvid.playbackRate = 1.25;} function speed150() { vvid.playbackRate = 1.5;} function speed175() { vvid.playbackRate = 1.75;} function speed200() { vvid.playbackRate = 2;} function speed400() { vvid.playbackRate = 2;} function speedFaster() { vvid.playbackRate = vvid.playbackRate+0.1;} // ------------ SET TIME POSITION ------------ function pageLoad() { vvid.currentTime=0; vvid.pause(); muteUnmute();}function timeStart() { vvid.currentTime=0; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeValue(id) { var txtbox1 = document.getElementById(id="txt1"); var txt1value = txtbox1.value; vvid.currentTime=txt1value var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeback10() { vvid.currentTime=vvid.currentTime-10; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeback8() { vvid.currentTime=vvid.currentTime-8; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeback6() { vvid.currentTime=vvid.currentTime-6; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeback4() { vvid.currentTime=vvid.currentTime-4; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeback2() { vvid.currentTime=vvid.currentTime-2; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeforward2() { vvid.currentTime=vvid.currentTime+2; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeforward4() { vvid.currentTime=vvid.currentTime+4; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeforward6() { vvid.currentTime=vvid.currentTime+6; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeforward8() { vvid.currentTime=vvid.currentTime+8; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeforward10() { vvid.currentTime=vvid.currentTime+10; var txtbox2 = document.getElementById(id="txt2"); var txt2value = txtbox2.value*1000; setTimeout(function(){ vvid.play(); }, txt2value); vvid.pause();}function timeforwardEnd() { vvid.currentTime=vvid.duration;}function backIt(x) {vvid.currentTime=vvid.currentTime-1;}function normalIt(x) {//this would do something when then mouse leaves the + or - boxes}function forwardIt(x) {vvid.currentTime=vvid.currentTime+1;}// Get the video playback position element (time value) and ending time value with id="video" var vid = document.getElementById("video"); // Assign an ontimeupdate event to the video element, and execute a function if the current playback position has changed vid.ontimeupdate = function() {myFunction()}; function myFunction() { // Display the current position of the video in an element with id="elapsed" document.getElementById("elapsed").innerHTML = (Math.round(vid.currentTime*100)/100).toFixed(2); document.getElementById("duration").innerHTML = (Math.round(vid.duration*100)/100).toFixed(2); document.getElementById("speed").innerHTML = (Math.round(vid.playbackRate*100)/100).toFixed(1); } // --------- SCRIPTS FOR THE TEXT BLOBS ----------- function readBlob(opt_startByte, opt_stopByte) { var files = document.getElementById('files').files; if (!files.length) { alert('Please select a file!'); return; } var file = files[0]; var start = parseInt(opt_startByte) || 0; var stop = parseInt(opt_stopByte) || file.size - 1; var reader = new FileReader(); // If we use onloadend, we need to check the readyState. reader.onloadend = function(evt) { if (evt.target.readyState == FileReader.DONE) { // DONE == 2 document.getElementById('byte_content').textContent = evt.target.result; document.getElementById('byte_range').textContent = ['Read bytes: ', start + 1, ' - ', stop + 1, ' of ', file.size, ' byte file'].join(''); } }; var blob = file.slice(start, stop + 1); reader.readAsBinaryString(blob); } document.querySelector('.readBytesButtons').addEventListener('click', function(evt) { if (evt.target.tagName.toLowerCase() == 'button') { var startByte = evt.target.getAttribute('data-startbyte'); var endByte = evt.target.getAttribute('data-endbyte'); readBlob(startByte, endByte); } }, false);// --------- END OF SCRIPTS FOR THE TEXT BLOBS --- </script> </body> </html>
  12. i have a code to change a imagen to another by passing the mouse over. What i want is that when i pass the mouse over the image, this convert to a video, i am a beginner in this and i tried a lot but i can't solve this. This is my code: <head><script language="JavaScript">{alt0 = new Image();alt0.src = "img0.png";alt1 = new Image();alt1.src = "gif1.gif";alt2 = new Image();alt2.src = "gif2.gif";alt3 = new Image();alt3.src = "gif3.gif";graphic1= new Image();graphic1.src = "img1a.png";graphic1on = new Image();graphic1on.src = "img1b.png";graphic2= new Image();graphic2.src = "img2a";graphic2on = new Image();graphic2on.src = "img2b";graphic3= new Image();graphic3.src = "img3a.png";graphic3on = new Image();graphic3on.src = "img3b.png";}function imageChange(imageID,imageName,imageID2,imageName2,imageID3,imageName3) { {document.images[imageID].src = eval(imageName + ".src");document.images[imageID2].src = eval(imageName2 + ".src");document.images[imageID3].src = eval(imageName3 + ".src");}}</script><body><center><table border="0"><tr><td><a onmouseout="imageChange('global','alt0','one','graphic1')" onmouseover="imageChange('global','alt1','one','graphic1on')"><img border="0" name="one" src="img1a.png" /></a></td><td><a onmouseout="imageChange('global','alt0','two','graphic2')" onmouseover="imageChange('global','alt2','two','graphic2on')"><img border="0" name="two" src="img2a.png" /></a></td><td><a onmouseout="imageChange('global','alt0','three','graphic3')" onmouseover="imageChange('global','alt3','three','graphic3on')"><img border="0" name="three" src="img3a.png" /></a></td></tr></table></center><center><table border="0"><tr><td><img height="290" name="global" src="img0.png" width="530" /></td></tr></table></center></body></head> i actually use a gif but this images are very slow to load so i used the "gfy" page, that convert the gif to a video. This is the link to the "gfy": http://gfycat.com/ShockingDependableHogget and this is the code: <video id="gfyVid1" class="gfyVid" width="646" height="326" autoplay="" loop="" muted="muted" style="display: block;"> <source id="mp4source" src="//zippy.gfycat.com/ShockingDependableHogget.mp4" type="video/mp4"> </video> So, what i want is replace the gif image for this video... Thank for reading and sorry for my english.
  13. Hi everyone, I tried to make a video which will start at the beginning and star over again <video id="Video1" controls autoplay loop> <source src="VideoXYZ.mp4" type="video/mp4"> <source src="VideoXYZ" type="video/webm"> <source src="VideoXYZ" type="video/ogg"> Your Browser does not support the video tag </video> But I want to loop the video 5 or 7 times then it definitely stops until I refresh the page, and of course I don't have a clue how to make a timer to LOOP. First, is it possible to do this? if yes, how to do it? Thank you
  14. Does anyone know of a good videoformat uploader, such as jwplayer, that i can use on my website to allow users to upload video. I tried jwplayer but i got so many problems whit it, and i think its bad. Any suggestions?
  15. is there any mediaplayer out there that i can use to upload videos to my website? not including jwplayer. please show link to tutorials as well.
  16. when people upload image or video to my site, do i store them in any special type in phpmyadmin? are you supposed to use BLOB? What is BLOB? Which of them do i use? I would guess they can store different amount of data, how much do each of them store?
  17. this is my video upload script, and i have inserted a max file size check, but i doesnt seem to work, every time i upload a script that is larger than 2mb it checkes the other if statment on the script,, which is wheter or not the user has filled out the forms script: $form =" <form action='upload.php' method='POST' enctype='multipart/form-data'> <input type='text' name='title' placeholder='Title' /> <br /> <textarea rows='8' cols='30' name='description'></textarea><br /> <input type='file' name='file' /><br /> <input type='submit' name='submit' /> </form>"; echo $form; $title = mysql_real_escape_string(htmlentities($_POST['title'])); $description = mysql_real_escape_string(htmlentities($_POST['description'])); if($_FILES["file"]["size"] < 10000000) { if($title && $description) { $path = pathinfo($_FILES['file']['name']); $allowed = array('jpg','jpeg','gif','png','swf','MP4','flv','mgp','mpeg','webm','rm','ram','mov','wmv','avi','MPEG-4'); if(in_array($path['extension'],$allowed)) { include "connect.php"; $name = $_FILES['file']['name']; $temp = $_FILES['file']['tmp_name']; move_uploaded_file($temp, "upload/".$name); $url = "http://localhost:81/upload/$name"; mysqli_query($con, "INSERT INTO videos VALUES('','$title','$name','$url','$description')") or die(mysql_error()); echo "<p>You're file has been uploaded.</p> <br />"; mysqli_close($con); } else { echo "<p>must be a video or a picture</p> <br />"; } } else { echo "<p>You must fill out the form.</p> <br />"; } } else { echo "<p>You're file is to big.</p> <br />"; } } else { echo "<p>You must be logged in, in order to upload a file.</p><br />"; }
  18. how many kb is there in a video that last for 10 minutes?
  19. The following works quite well: <video controls=""> <source src="ri220-5.webmhd.webm" type="video/webm"> <!-- This works with FireFox --></video> And by default a start and pause button is displayed at the bottom of the frame. How can I add a control for a single frame forward and a single frame backward?
  20. Hi all, I am a beginner in HTML5. I need to play a video using my custom mediaplayer which is residing on the client-side. Mediaplayer is written CPP and Qt. Is there any way I can invoke the mediaplayer from the html 5 page? If object or embed tag is to be used, how do I specify the external application on client-side? How to control the function in javascript? (Video tag support is not provided on my target machine)Please help...
  21. I am using the default Slideshow included with WordPress (It's listed as "Nivo") I am trying to use shadowbox.js as a player, however you have to add the "rel" tag to the individual attribute. The issue is, where do I add that tag? The image is not an tag, it's an actual "page" in the slideshow tab on my wordpress admin navigation. I have access to the ftp, but I don't know where to go in there either. Any thoughts?
  22. I currently have a javascript slider in place. It's on autoplay at 5 seconds per slide. The second slide has an iframe youtube video.Unfortunately, if I click play, 5 seconds later, the slider autplays to the next slide.Is there any way to get the slider to recognize the video is playing, for example? Or are there any other ways around this that anyone can think of?The JS code is simple, I'm using http://jquery.malsup.com/cycle/ for my slider. <script type='text/javascript'> jQuery('#slider-1').cycle({ next: '#next-1', prev: '#prev-1', fx: 'fade', timeout: 30000000, pause: 1, pager: '#slider-nav-pager-1', height: '433px', width: '960px' })</script>If you need more code, let me know. It's just a simple iframe.Thanks!
  23. Okay, unfortunately, I can't give you my website because it's on an internal stage server.Having said that, here's my issue.I'm adding content to a simple javascript slider. The images on slides 1,3, and 4 are perfect. The issue is slide 2. Slide 2 includes a video. There's an image as a background on this slide, but there's a video on the left side of it.Screenshot of How it SHOULD look.Screenshot of How it CURRENTLY looks.It's been difficult to place everything with CSS since it's all within the confines of a slider that's already affected by javascript.Also, the slider is on autoplay to change every 3-5 seconds. How do I make it so that the slider stops autoplaying if somebody clicks on the video? This way the video can finish playing before it goes to the next slide...The last issue I have is that when it DOES switch to the next slide, the video hangs out for just a moment until the animation is complete. In other words, the fade animation between slides doesn't affect the video and it stays until it's fully on the next slide...Any thoughts anyone might have would be very helpful... Thanks!Here's the JS from the slider: <script type='text/javascript'> jQuery('#slider-1').cycle({ next: '#next-1', prev: '#prev-1', fx: 'fade', timeout: 30000000, pause: 1, pager: '#slider-nav-pager-1', height: '433px', width: '960px' })</script>Here's the CSS:.slide-video { width: 930px; background: url('images/Slide2.jpg') no-repeat;}.slide-video-desc { width: 930px; top: -1%; position: relative; background: url('images/slider-desc-bg.png') no-repeat; overflow: hidden; background-size:960px 85px; height: 85px; font-family: 'tradegothic'; font-size: 22px; color: #F8F8F8; text-align: left; padding-bottom: 150px; line-height: .4em;}.slide-video-button { background: url("images/Whole_Button.png") no-repeat scroll left center #D1D1D1; background-size: 100% 100%; border-radius: 6px 6px 6px 6px; bottom: 45px; color: black; font-family: 'platin'; font-size: 18px; height: 45px; padding-right: 40px; padding-left: 15px; float: right; position: relative; text-decoration: none; line-height: 2.5em; right: 10px;}/*Slider Description*/.slide-desc { margin-top: -90px; width: 930px; padding: 5px 25px; position: relative; background: url('images/slider-desc-bg.png') no-repeat; overflow: hidden; background-size:960px 85px; height: 85px; font-family: 'tradegothic'; font-size: 22px; color: #F8F8F8; z-index: 2000; text-align: left;}.slide { font-famliy: 'tradegothic';}/*Slide Title*/.slide .slide-desc h2{ color: #F8F8F8; font-size:40px; margin: 5px 0 5px -5px; line-height: 0.7em; font-family: 'platin'; text-shadow:3px 3px 7px #181818;}/*Slide Button*/.demo-button { background: url("images/Whole_Button.png") no-repeat scroll left center #D1D1D1; background-size: 100% 100%; border-radius: 6px 6px 6px 6px; bottom: 17px; color: black; font-family: 'platin'; font-size: 18px; height: 45px; padding-right: 40px; padding-left: 15px; float: right; position: relative; text-decoration: none; line-height: 2.5em; right: 10px;}.demo-button a:hover { text-decoration: none;}.demo-button a:hover span { text-decoration: none;}.button-text { padding-left: 50px; padding-right: -10px;}a:link { text-decoration: none;}.slider{ margin: 0 auto; padding-top: 15px;}.entry-content .shadow-wrap { margin: 0 auto; padding-left: 15px; padding-top: 10px; width: 1000px;}#slider-1 .slide img { width: 960px; max-width: 100%; padding-top: 15px;}#slider-1 .slide-desc img { width: auto;}/*Slogan*/.slide-header { color: #D1D1D1; font-family: 'tradegothic'; font-size: 18px; padding: 5px 0 15px; text-align: left; padding-top: 10px;}#slider-nav-1 { bottom: 8px; margin: 0 auto; position: relative; width: 170px;}#slider-nav-pager-1 a{ background: url('images/unused.png') no-repeat; padding: 2px 5px; color: transparent; margin: 0 4px;}#slider-nav-pager-1 .activeSlide{ background: url('images/current.png') no-repeat;}#slider-nav-1 #next-1 { float:right; margin-left: 3px;}#slider-nav-1 #prev-1 { float:right; margin-right: 3px;}#slider-nav-1 #slider-nav-pager-1 { float:right;}Here's the html:<div class='slider' id='slider-1'><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><img src="/wp-content/themes/cleantelligent/images/Slide1.jpg" alt="Slide 1" /><div class='slide-desc'><h2 style="font-family: 'platin';">Our Mission</h2>Innovating smarter solutions for building and preserving success.<a class="demo-button" title="Our Mission" href="https://www.cleantelligent.com/tour/"><span class="button-text">Take the Tour</span></a></div></div><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><div class="slide-video"><iframe width="530" height="300" src="//www.youtube.com/embed/fa14mM1Zjhw" frameborder="0" allowfullscreen></iframe><div class="slide-video-desc"><img src="images/slider-desc-bg.png"><h2 style="font-size: 40px; font-family: 'platin'; color: #F8F8F8;">Why CleanTelligent?</h2>Find out why hundreds of BSC's and Facility Managers love CleanTelligent.<div class="slide-video-button"><a title="Why CleanTelligent?" href="https://www.cleantelligent.com/benefits"><span class="button-text">Explore Benefits</span></a></div></div></div></div><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><img src="/wp-content/themes/cleantelligent/images/Slide3.jpg" alt="Slide 3" /><div class='slide-desc'><h2 style="font-family: 'platin';">Request a Demo</h2>Schedule a free, one-on-one web demo with one of our software consultants.<a class="demo-button" title="Request a Demo" href="https://www.cleantelligent.com/get-started/"><span class="button-text">Request a Demo</span></a></div></div><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><img src="/wp-content/themes/cleantelligent/images/Slide4.jpg" alt="Slide 4" /><div class='slide-desc'><h2 style="font-family: 'platin';">Bidding and Estimating Module</h2>Increase revenus and successfully retain clients with impactful proposals.<a class="demo-button" title="Bidding and Estimating" href="https://www.cleantelligent.com/bidding-and-estimating-software/"><span class="button-text">More Information</span></a></div></div></div><!--END OF SLIDER CONTENT--><div class='shadow-wrap'><img class='shadow' alt="Slider Shadow" src='/wp-content/themes/cleantelligent/images/slider-shadow.png' /></div><div id='slider-nav-1'><a href="#" id="next-1"><img src='/wp-content/themes/cleantelligent/images/next.png' alt='next' /></a><div id='slider-nav-pager-1'></div><a href="#" id="prev-1"><img src='/wp-content/themes/cleantelligent/images/prev.png' alt='previous' /></a></div><script type='text/javascript'> jQuery('#slider-1').cycle({ next: '#next-1', prev: '#prev-1', fx: 'fade', timeout: 50000, pause: 1, pager: '#slider-nav-pager-1', height: '433px', width: '960px' })</script>
  24. It's an easy way to embed html5 videos on your websites! All you need to do is upload a video file, and the site will output an embeddable html5 tag! http://easyvideoembeds.com Let me know what you guys think!
  25. I am trying to advance the user to the home page after my video plays. Here is the code Im current using. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><a href="http://www.chris-fence.com/home.html"></a><embed src="http://www.chris-fence.com/video/background.mov" width="1280" height="550" autoplay="true" controller="false" type="video/quicktime" scale="tofit" pluginspage="http://www.apple.com/quicktime/download/"></embed><!-- END FreeVideoCoding.com --></body></html>