Is there an extension or plugin that could take a url to some media -- video, audio, image -- and just load it / display it on the page? I came across jQuery Media [URL]... and it looks like a good start at what I'd need. Although it just focuses on video and audio, not general images.
View 3 Repliesim trying to load url for Shoutcast Stream [URL] with jMediaelement plugin[URL],
View 8 Replies View RelatedI am not sure whether this requires flash or not, therefore I'd like to ask if it is technically possible to create your own audio/video player with JavaScript/jQuery? If not, could I create something similar just not with full functionality? Like stop, next, previous, etc. buttons?
View 3 Replies View RelatedI managed to construct a script to play random sound files to make listening tests for students. The audio files were actually taken from video files and I would now like students to be able to see the video too. I have the code below which works fine for my (and the students') needs, except that only the audio is played and not the video (and the mov files definitely do contain video). Can anyone suggest how I might change the code so that the video is shown too, either on the same page, or in a pop-up window? I would have thought it would be a matter of changing the window.doSound lines, but if so I can't figure out how.
Code:
I worked on this website :[URL]and cannot find out why it does not work in IE while it works in other browsers. The small video does not play while the sound does. As far as I can see it works fine in FF and Chrome.
View 1 Replies View RelatedMy computer seems to have problems with its javascript when opening new windows from certain sites that are either audio or video files. I simply have not got a clue where to begin.
View 3 Replies View RelatedI'm using VS2008Pro with Master pages. On a child page, I have a modalPopupExtender that calls a panel with an embedded Google video. Everything works great - the popup appears with the video,background greyed.But, when I close the panel,the audio keeps playing in IE 7 & 8. Netscape is fine.I went and tried what Google recommended, but it still continues.
'//In child page header
<script src="../swfObject/swfobject.js" type="text/javascript"></script>
<script type="text/javascript"> [code].....
One of the websites gives "failed to load resource" errors on my desktop while it works fine on my iphone ? How do I reinstall javascript for my OS ?
View 1 Replies View Related/*
* var divx_video = new DivXVideo();
*/
function DivXVideo()
{
/*
* default values
*/
this.VideoLength = 0;
this.AspectRatio = 16 / 9;
this.Width = 720;
this.Height = 480;
this.CroppingTop = 0;
this.CroppingRight = 0;
this.CroppingBottom = 0;
this.CroppingLeft = 0;
this.FramesPerSecond = 23.976;
this.OutputFileSize = 703.125;
this.ResXModulus = 4;
this.ResYModulus = 2;
this.AudioBitrateModulus = 16;
/*
* videoLength();
* videoLength( seconds );
* videoLength( minutes, seconds );
* videoLength( hours, minutes, seconds );
*/
this.videoLength = function()
{
if (arguments.length > 2)
this.VideoLength = arguments[0] * 3600 + arguments[1] * 60 + arguments[2];
else if (arguments.length > 1)
this.VideoLength = arguments[0] * 60 + arguments[1];
else if (arguments.length)
this.VideoLength = arguments[0];
return this.VideoLength;
}
/*
* aspectRatio( [ ratio ] );
*/
this.aspectRatio = function()
{
if (arguments.length)
this.AspectRatio = arguments[0];
return this.AspectRatio;
}
/*
* width( [ n ] );
*/
this.width = function()
{
if (arguments.length)
this.Width = arguments[0];
return this.Width;
}
/*
* height( [ n ] );
*/
this.height = function()
{
if (arguments.length)
this.Height = arguments[0];
return this.Height;
}
/*
* croppingTop( [ n ] );
*/
this.croppingTop = function()
{
if (arguments.length)
this.CroppingTop = arguments[0];
return this.CroppingTop;
}
/*
* croppingRight( [ n ] );
*/
this.croppingRight = function()
{
if (arguments.length)
this.CroppingRight = arguments[0];
return this.CroppingRight;
}
/*
* croppingBottom( [ n ] );
*/
this.croppingBottom = function()
{
if (arguments.length)
this.CroppingBottom = arguments[0];
return this.CroppingBottom;
}
/*
* croppingLeft( [ n ] );
*/
this.croppingLeft = function()
{
if (arguments.length)
this.CroppingLeft = arguments[0];
return this.CroppingLeft;
}
/*
* framesPerSecond( [ fps ] );
*/
this.framesPerSecond = function()
{
if (arguments.length)
this.FramesPerSecond = arguments[0];
return this.FramesPerSecond;
}
/*
* outputFileSize( [ MB ] );
*/
this.outputFileSize = function()
{
if (arguments.length)
this.OutputFileSize = arguments[0];
return this.OutputFileSize;
}
/*
* resXModulus( [ modulus ] );
*/
this.resXModulus = function()
{
if (arguments.length)
this.ResXModulus = arguments[0];
return this.ResXModulus;
}
/*
* resYModulus( [ modulus ] );
*/
this.resYModulus = function()
{
if (arguments.length)
this.ResYModulus = arguments[0];
return this.ResYModulus;
}
/*
* audioBitrateModulus( [ modulus ] );
*/
this.audioBitrateModulus = function()
{
if (arguments.length)
this.AudioBitrateModulus = arguments[0];
return this.AudioBitrateModulus;
}
/*
* audioBitrate();
*
* Assume MP3 compression.
* Variable dependencies:
* - outputFileSize
* - videoLength
* - audioBitrateModulus
*/
this.audioBitrate = function()
{
var kbps = Math.round(this.OutputFileSize * 8192 / (this.VideoLength * 7.09375));
kbps -= kbps % this.AudioBitrateModulus;
return kbps > 128 ? 128 : kbps;
}
/*
* videoBitrate();
*
* Variable dependencies:
* - outputFileSize
* - videoLength
* - audioBitrateModulus
*/
this.videoBitrate = function()
{
return Math.floor((this.OutputFileSize - this.kbps2MB(this.audioBitrate(), this.VideoLength)) * 8192 / this.VideoLength);
}
/*
* resX();
*
* Variable dependencies:
* - width
* - croppingLeft
* - croppingRight
* - height
* - croppingTop
* - croppingBottom
* - aspectRatio
* - outputFileSize
* - videoLength
* - audioBitrateModulus
* - framesPerSecond
* - resXModulus
*/
this.resX = function()
{
var x = this.Width - this.CroppingLeft - this.CroppingRight;
var y = this.Height - this.CroppingTop - this.CroppingBottom;
if (Math.round(this.Width / this.AspectRatio) > this.Height)
x /= this.Width / Math.round(this.Height * this.AspectRatio)
else
y /= this.Height / Math.round(this.Width / this.AspectRatio);
var optimum_res_x = Math.sqrt(1024 * this.videoBitrate() * (x / y) / (.2 * this.FramesPerSecond));
if (optimum_res_x < x)
x = optimum_res_x;
x = Math.round(x);
x -= x % this.ResXModulus;
return x;
}
/*
* resY();
*
* Variable dependencies:
* - width
* - croppingLeft
* - croppingRight
* - height
* - croppingTop
* - croppingBottom
* - aspectRatio
* - outputFileSize
* - videoLength
* - audioBitrateModulus
* - framesPerSecond
* - resXModulus
* - resYModulus
*/
this.resY = function()
{
var x = this.Width - this.CroppingLeft - this.CroppingRight;
var y = this.Height - this.CroppingTop - this.CroppingBottom;
if (Math.round(this.Width / this.AspectRatio) > this.Height)
x /= this.Width / Math.round(this.Height * this.AspectRatio)
else
y /= this.Height / Math.round(this.Width / this.AspectRatio);
y = Math.round(this.resX() / (x / y));
y -= y % this.ResYModulus;
return y
}
/*
* kbps2MB( bitrate, seconds );
*
* Convert kbps for a given number of seconds to file size in MB.
*/
this.kbps2MB = function(bitrate, seconds)
{
return bitrate * seconds / 8192;
}
}
I want the website to show a lighbox with video started as soon as it is loaded. I should also have an option to close the video.
<input id="gwProxy" type="hidden"><input onclick="jsCall();" id="jsProxy" type="hidden"><div id="refHTML">
</div>
I wanted to start my research on the topic of slideshows here and ask if anyone knows what's the best method for creating a slideshow that should have the ability to display images and videos (and bookmark them)? It can be a plug-in, but this is for a client so it has to be okay for commercial use (and free).It should also be able to support other content like ads and polls/questionaires, in the form of a div. Also HTML 5 compatible with all the cross-browser compatibility one would expect.
View 4 Replies View RelatedI've hit a little bit of a road block developing this site: [URL]. I'm attempting to use the thumbnails to load a new video in the main object. I've used this:
$(document).ready(function(){
$('.thumbnail').bind('click', function() {
new_video = $(this).attr('href');
$('.main_video').attr('src', new_video);
$('.main_video').siblings('param').attr('value', new_video);
return false;
});
});
To replace the attributes in the object, but at this point, the source has the new arguments, but it needs to reload as the actual element still contains the old video. Should I somehow use AJAX to refresh this div? Should I reconstruct my jQuery somehow?
I have a video gallery with a bigger div with width 500 pixels where the main video is waiting to be played and below is a smaller div with all the others videos from the gallery having width of 80 pixels.The list of video are managed by a content management system in PHP and are the result of youtube "Share Embed action" where the result is an iframe with the link for the video.How can i clicking on a video from the smaller div see the video being displayed in the bigger div ? already playing? or in a new layer above the website ?For now the video plays in the div it is located at.As an example here is the source video format :
<iframe width="420" height="315" src="http://www.youtube.com/embed/somevideourlhere" frameborder="0" allowfullscreen></iframe>
I have the following code:
$("#printme").queue("printQueue", function (next) {
$(this).load("print.html", function () {
$(this).ready(function () {
passPrint(next);
[Code].....
I want the images on #printme to finish loading before the passPrint function runs, but everything I've tried does not work. The ready() in there does not work.
I'm looking scripts like this one code...
But not only for images, for text too. Are there any popular scripts for achieving this slideshow effect?
Here is what I am trying to do with no luck: I am sending an HTML marketing e-mail with a call to action to watch a video on my website. Since html e-mail code has to be pretty generic and simple I want to have the link inside the email be something like [URL].. Once the anchor is received on the web page the video automatically pops up and plays.
View 3 Replies View RelatedFrom my experience with HTML5 video so far (which isn't much), Firefox seems to switching to the "HAVE_ENOUGH_DATA" state too soon which is causing very choppy playback while the video is buffering. Is there a way to start the loading of video as soon as the page loads instead of waiting for the user to press play? I don't mean "autoplay", I want the video to start buffering as soon as the page loads without it playing.
View 2 Replies View RelatedI tried creating a small widget that when a user clicks on one of the 4 buttons (links), instead of it taking the user to a new page it will load a specific div from another page is the div container above it.
HTML (excerpt):
<div imagePane></div>
<div buttonLinks>
<ul>
<li class="button1"><a>BUTTON 1</a></li>
[Code].....
The problem I'm having is that the content of the other page's div container loads, but that actual image that I set as the background does not.
I attempted to use .load() to serve up an image instead, $('#imagePane').load('path/to/graphic.jpg');but that didn't seem to work at all. Is there another function for this type of thing?
I'm having difficulty loading images via Ajax on a site that I've been working on.I'm performing the ajax by using the Request.HTML object of the MooTools framework. Basically, I'm just passing some parameters to a php script which outputs some image tags and then I insert that HTML into a pre-defined content div. For some reason though, it seems that big images don't seem to load consistently when using this technique. Usually, they will just show up as broken images, but when I navigate to the url of the image that is 'broken', it displays just fine. Also, occasionally after navigating to the actual url of the image, my browser will cache the image and then it will display just fine when loading it through Ajax.
View 3 Replies View RelatedI know this is for Javascript, but I am trying to find an JSP newsgroup or a
very good JSP resource on the www.
I'm in the process of learning JavaScript. I picked up a "JavaScript for dummies" book at the library and it wasn't going too well. It was poorly written and made it difficult to understand things in the later chapter.
What is the best online resource to learning JavaScript? Preferrably one that is good at explaining format ( I often find myself wondering if certain aspects in my script need ()'s or a "=" sign).
For example, HTML has tags and that is what forms the mark up. I know JavaScript has multiple aspects (functions, objects), but I want an online resourcethat properly explains the format of these aspects.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000066"> I'm working with some large images that are in markup but being
processed into queued animations. If image is already loaded but I call $load will it pull image from
browser cache? I want to use the success to do some size processing
Is there a resource on the internet to tell me which javascript can
work with which browser.
For instance, can I use style.color with all browsers - that kind of
thing.
I am currently writing a CMS and I need a few minor variable values from the YouTube Api. I wish to embed a YouTube video into a page and then extract key information about that video such as:
1. The Title
2. The duration
3. The number of hits
I am using a nice little jquery image slider. Mostly working well - but when any of the pages load -all of the images in the viewer briefly flash down the page on page load. this won't work. Here is a link to the issue:[URL]... Is this an image preloading issue? I have a preloader script in there - but not sure if it is working as it should.
View 3 Replies View RelatedI'm using JQuery Cycle for the first time and am needing to rotate 4 images ina bannercontainer div.The page in question is Here. identify required changes to ensure that this works correctly?
View 3 Replies View Related