With the dreaded embedded video issue? I have code to embed video into my site using object for IE and embed for firefox. This works fine but now I also wish to dynamically change the source of the video depending on which link is clicked. I know how to acheive this but I believe that my source changing code for firefox is flawed
My code for IE which works great is :
But for firefox and opera (which also seems to like <embed> rather than <object>)
Looks at each paragraph and converts youtube and yahoo video links to embedded players.Example
<!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">
recently i noticed that all of my embedded JavaScript code and external style sheets are being shown IN "view source."
this happens in all browsers ( IE, FF, Chrome, and Safari [windows]) ... oddly enough it only happens when viewing on my vista or win2k3 machines. is this something added to these OS's or the result of an installed program? has anyone seen this before?
was wondering if I could get some direction on something that I have been wondering about for a while. There have several flash video players that I have seen that only start to load/play the video when the object is visible on the screen.
For instance, if I click a link to an html page with an auto playing flv on it, and then minimize the window. The video will only start to play/load once I maximize the window again. The other instance I have seen it is with the position of the page. So if an flv is placed onto a long html page, all the way at the bottom, it will only begin to load/play once I have scrolled to make it visible.
I have done some searching but have not been able to determine what this would even be refered to as. Is it controlled by Javascript or Actionscript, or is this just a the way flash player functions?
When you visit that page, all that is loaded is and image with a "Click to play" button. Then when you click on the image, all the flash elements are loaded in place of the image. How did they do this?
I know you can do this with an external html file but I want to do it without an external html page so I can integrate it into wordpress.
I have a video (.wmv) that has markers in it one can access these markers in video players like "Windows Media Player" at "view" -> "file markers"
I want to embed the video object in an HTML page and be able to let the user jump to these markers via JavaScript or such. I managed to do this with Internet Explorer ודןמע JavaScript but I can't get any other browser to access these markers or any timeline. function for that matter. I need to be able to do so cross browser.
I'm trying to find out the height of an embedded youtube-video (what I wan't to do is hide all embeds when I open a facebox and replace them with a placeholder of equal size). I (basically) tried this:
It always alerts 18, at least for the yourubevideos I embedded.
I'm a relative newcomer to jQuery (and for that matter an inexperienced web builder) but I've really enjoyed using the jQuery UI and plugins as I work to redo my site. My problem is this. My site includes many video progressive download files. I have tried to combine either jQuery UI (Accordian) or a plugin (nivoSlider) (not both at the same time) with a video embed using SWFObject. For some reason the combination cause my video playback to stutter.
Here are two test pages. They access they same mp4 files but in Test_1 I have disabled the nivoSlider js. The videos playback smoothly in Test_1 but in Test_2 the playback stutters. [URL]
I currently have several instances of a video player placed on the page by number of XML nodes. Each player has a source of one of 2 video codecs, dependent on browser as to which one will be read. The issue I am having is that on click of a thumb 1 video player and its corresponding sources is animated into view and plays. That is all fine, yet when selecting a different thumb the previous video continues to play unless I place the statement in green into my click function. This works until I add another node into my xml, and or place more video.pause without videos actually being in the xml (undefined, of coarse). I have been trying to find the syntax to replace the source with the corresponding thumb id (url, url2) and utilize only one player, but I have failed in my searches. Is it possible to swap the source upon clicking on the thumbs? $('video').player.pause(); is not recognized.
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 :
I'm attempting to dynamically create a QuickTime embedded movie. I'm including the AC_Quicktime.js script which contains methods for creating the embedded movie easily and putting it into an existing DIV. This is working correctly, however the movie will not load. Here's the code that I'm using.
Code:
function loadMovie() { var objectTxt = QT_GenerateOBJECTText_XHTML('poster.jpg', '100%', '100%','','controller','true','autoplay','true','showlogo','true','moviename','stream', 'obj#ID', 'stream', 'cache','false','href','rtsp://192.168.20.105:554
I am working on a website that will contain YouTube Photoshop tutorial videos which I am creating.
The videos will be added as embedded objects. I want to use a dropdown menu so the user can select which video will appear. The video itself will be contained inside of a single table cell. The content of that cell will depend on which video is selected in the dropdown.
Is there a way to do this? I have some javascript experience but I am for sure still a novice. Also, is there a link to a sample script that would be similar to what I am trying to do? I've been searching the internet but I haven't found anything similar to this yet.
I'm experimenting with dynamic loading of javascript using JQuery. So basically I have a loadScript function that accepts either the URL of a JS file or a javascript source in a string. For the former, I create a 'script' element, set its src attribute to the URL of the file and insert the element into the DOM's head element. So far it seems to work nicely. For the latter, I create a 'script' element, set its innerHTML to the JS string and insert it into the DOM's head element. This doesn't work so well. I *think* it's because the JS source in question contains:
$(document).ready(function() { // put all your jQuery goodness in here. });
It looks like the JS source in my string is stomping over parts of the DOM it shouldn't and changing existing elements.
Many ajax and javascript functions change the innerHTML of elements in the source, writing and rewriting things in the source
You can run any javascript function or action you want that would change the source, but when you view it, it will always show the original source before a JS function changed it
Is there a way to view the changed source after each time a JS functoin changes it??
for example: <span id="whatever">This is the original source code</span>
then you may run this piece of JS: whatever.innerHTML= 'Changed source code!'
but when you right click and press 'view source" you will always get this: <span id="whatever">This is the original source code</span>
I want to get the changed source code, maybe its possible to write the changed source code to another file, or use some kind of HTTP prog to read the changes on an html page?
Why isn't this code working? I can add items but only remove the ones originally added in the source code, not the ones dynamically added. <form><div class="list"> <div class="item"> <input type="text" value="" /> <a href=""class="removeitem">Remove this item</a> </div><div class="item"> <input type="text" value="" /> <a href="" class="removeitem">Remove this item</a> </div><a href="" class="additem">Add item to list</a> </div></form> <script type="text/javascript"> // Add item to list $('.additem').click(function(){ var template = $($(this).prev().get(0)).clone(); template.insertBefore($(this)); return false; }); // Remove item from list $('.removeitem').click(function(){ $(this).prev().parent().remove(); return false; }); </script>
I'm not using any framework so I'm not looking for any jquery shorthand. I just need to change the youtube video with a click.
Code: <script type="text/javascript"> function changeVideo(vidSrc){ var link = vidSrc.href + "?version=3&hl=en_US&rel=0"; var movie = document.getElementById('embeddedMovie'); movie.setAttribute("src", link); alert('SRC: ' + document.getElementById('embeddedMovie').src); return false; }
The alert shows that the source is changing however the page just goes blank and the src is not updated in the markup. I also tried updating the parameter along with the movie but still no luck. Does the same on all browsers. If I use the same technique for images it works so I don't believe it to be any DOM loading issue.
my website[url]... has a pop-up video player but on certain videos (speeches for example) the video is of slightly different dimensions. I can not re-encode the video so I was wondering if I could easily edit a file in notepad to change the dimensions of the player in order to enable the user to be able to see all of the player controls. In the flash folder I have .swf and .flv files. Is there another file that represents the player dimensions/controls elsewhere?In addition to this, if a video is playing and I click off of the video player (onto the greyed out background) then the video player stops. Does anyone know how to stop this happening?
At this point I have been able to add the row. But what I want to do and am having trouble with is alternating the row colour to the dynamically added row element.
Sample of code I am using:
Code: var tbody = document.getElementById('tableItems');
var td1 = document.createElement("td"); td1.appendChild(document.createTextNode(qty)); td1.setAttribute("class","qty"); row.appendChild(td1); tbody.appendChild(row); One thing that puzzles me, is that even after adding a row the table my table.rows.length still = 0.
Does anyone know how I can determine the appropriate amount of rows so that I can apply the appropriate class?
Or is there just something blatantly wrong in my approach?
I am using this widget from Twitter on my WordPress platform, to display the list in my sidebar [URL]. As you can see, I have this small twitter icon at the bottom and if I set up a white background for the container, that background image won't be too visible so I have to change with jQuery.
I've tried like that but doesn't work for me:
<script type="text/javascript"> $(document).ready(function() { jQuery(".twtr-ft div a img").attr("src", "http://www.my-url.com"); }); </script>
Using javascript, I want to change the src value of the following image tag: Code: <div id="header_container"> <div id="header_content"> <div class="header_img" > <img src="[URL]" height="595" width="842"></a> </div> </div> </div> Basically I want to replace image1.png with image2.png in javascript, and I'm not sure how. I've tried various getElementById, getElementByClass things but none of them seem to work.
Its a long shot posting here but the task I'm using a jQuery Carousel that has a youTube video embedded on one of the slides:
[URL]
I have is does any one know a way that when the user clicks a new slide the youTube video pauses, turns off, or at the very least the volume of the video is set equal to zero.
