Search the Community

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

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?

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.

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?

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 />"; }

how many kb is there in a video that last for 10 minutes?

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?

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...

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?

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!

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>

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!

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>

hello,i have 2 questions in html5:1. can i reverse the movie? i mean i have i have a movie and it is playing upside downand i need to cw it 90 degrees or 180 degress how can i do it without changing the video(php, html, css, js....)2.can i play a video and after it is finished it will play automaticly a second video? thx from advance

hello. I'm trying to insert video in my HTML code. When i open my website, I see that video player thingy if I hit the Play button simply nothing happens. here's my code: <html> <head> <title> ULTRAKAIRIOJO GAIVALO ALJANSAS </title> </head> <hr>Įspėjimaš dėl tųrįnio</hr> <body> <video width="320" height="240" controls> <source src="trakai.mp4" type="video/mp4> </body> </html> I've followed the steps provided in a tutorial but the video won't play in my case. Both index.html and trakai.mp4 are in the same folder. Using apache web server on Linux Back Track 5. Tried to open the webside both with IE9 and Mozilla 17.0.1 any tips are will be appreciated

How can i use my camcorder or webcam for live online video streaming ?

I've been enthusiastically reading a lot of w3schools' tutorials and reference pages on HTML, which is a very big step in the right direction for HTML. Alright, so far so good. The <canvas> and <video> tags are amazing, and things like the technique used here is very exciting: http://www.w3schools...drawimage_video However, I've run into a bit of a show-stopper: the example above, and any similar ones I've been able to find, does not work on mobile devices - even ones that support both <video> and <canvas> by themselves. I haven't tried it on any iOS devices, but web searches indicate they would have the same issues. I've attached a screenshot of how the above example looks on an Asus TF300 tablet (Android 4.0.3). Am I the only one running into these issues, or has anyone else experienced similar problems? If so, were you able to solve it - and how? Regards, Mikkel

How can I create an interactive chart like this: http://se.deltasd.bc.ca/vision/ while using HTML5?

Hello,I've been trying to link to specific time increment inside of a video, like you can on YouTube but on my own offline site. I've tried adding YouTube's ?t=1m02s ending to my link but this only seems to work in Chrome. What am I trying to do?We have a road map that a user can click along to get location information. At each location the user can click to start playing the video from that point in the trip. Searching for help on the topic is pretty hard since every help topic seems to be on how to do it in YouTube. Any help or direction would be greatly appreciated!

Im selecting data from my database, but i want the image to be smaller in one place and higer in other place. So i got like mainpage what selects 1 from latest news & mainpage doesn't have that much space at "Width" as the image or video would require, but is it possible to make the "img/video" smaller before i get it from database. Example i want the code at mainpage to have like 200 width150 height News page should show the video as it has been posted to MySQL. Example here 600 width (The amount set when inserting the post)400 heigh (The amount set when inserting the post) This might be bit confusing but i can try explain again if some1 doesn't get my point.