Non-youtube-vimeo video embed with controls?

Hi,
I noticed in Heathrowe's code you could bring in video from a youtube style site with controls already or you can call a video from your public html folder. I see that it says that playback controls are coded in but they do not work.
Can someone tell me how to get them to work?
It pulls in the videos just fine but I have several videos that need to be larger than youtube and more than 1 a week on vimeo for a portfolio.
Here is the code:
//Sample One
//Append Video
var vid = $("<video width='352' height='155' controls='controls'>" +
"<source src='http://www.w3schools.com/html5/movie.mp4' type='video/mp4' />" +
"<source src='http://www.w3schools.com/html5/movie.ogg' type='video/ogg' />" +
"This browser is not compatible with HTML 5" +
"</video>");
sym.$("vcontainer").append(vid);
vid.attr('autoplay','autoplay');
vid.attr('preload','auto');
the control='controls' looks to be the part I need but it doesn't work. Do I need some sort of player shell sitting in my public html folder as well?
Thanks!

Hi Darrell!
Thank you very much. You are too kind. If you have a donation page, I would love to support you. Your information has been more than worth the price of admission (which, in this case, has been completely free).
On a side note, I boiled your code down to this:
var myvideo = sym.$("vcontainer");
var vid = $("<video controls width='350' height='250'>" +
     "<source src='http://www.w3schools.com/html/movie.webm' type='video/webm' />" +
     "<source src='http://www.w3schools.com/html/movie.ogg' type='video/ogg' />" +
     "<source src='http://www.w3schools.com/html/movie.mp4' type='video/mp4' />" +
     "This browser is not compatible with HTML 5" +
     "</video>");
sym.$("vcontainer").append(vid);
myvideo.css({"width":vid.width(),"height":vid.height()});
If you have a donation page and I donate, maybe you could explain in detail how the rest of the code works with all of the devices that you have in your example? Just a note: It is absolutely unneccessary for me to get to that point with my website but, hey, I like to learn.
I see you have the code to get the video to work in all apple products, Android and to detect a browser if none of those work.
Otherwise, I'll still donate anyway if you have a paypal connection! I'll check your site for now but if not, maybe you should put one up! Making people pay for knowledge is one thing. Putting in valuable time without expecting to receive compensation is another and I"m fully appreciative and willing to donate if possible.
Thank you so much.
Scott

Similar Messages

  • How to embed youtube/vimeo videos in Flash MX

    Does anyone know how to embed a video in Flash that is from a
    video hosting site (i.e. youtube, vimeo)? I don't have the source
    video file, I was not the one who uploaded it. Thanks,

    See Restrictions...   http://support.apple.com/kb/HT4213
    More info here   iPhone User Guide

  • Does AMC adjust so YouTube/Vimeo videos are not too dark

    Hi, been having problems with videoes coming out too dark in YouTube.  This seems to be a problem lots of people are having.  Just to clarify I mean the video is a lot darker on youtube/vimeo than if played in something like VLC on the same monitor.
    Was wondering if ABC brigtened up to image to compensate for this?
    Ben

    These are the settings I use for online uploads:
    High Profile @ Level 5.0
    VBR, 2-Pass
    Target Bitrate: 168.75 (max)
    Enable: Maximum Bit Depth
    Key Frame Distance: 7
    Baseline Profile @ Level 5.0
    VBR, 2-Pass
    Target Bitrate: 135 (max)
    Enable: Maximum Bit Depth
    Key Frame Distance: 10
    Also: In the Multiplexer tab check that Stream Compatibility is set to Standard. It defaults to iPod.
    Try rendering a short test clip using the two settings and let me know how they look in YouTube. If neither file works, please import to your NLE and post a screen capture of the same frame from the ProRes, AME H.264, and transcoded YouTube files. You can download the files from the Video Manager page; the option is listed near the bottom of the pulldown menu that starts with "Edit".
    EDIT: Added note regarding multiplexer stream compatibility.

  • Youtube/Vimeo Video Milky (video levels)

    Youtube and Vimeo videos are rendered with video levels, and not full range. Therefore all videos look washed out. Is there a fix for this?

    Hello,
    In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see [[How do I create a screenshot of my problem?]]
    Once you've done this, attach the saved screenshot file to your forum post by clicking the '''Browse...''' button below the ''Post your reply'' box. This will help us to visualize the problem.
    Thank you!

  • Cannot stream youtube/vimeo videos using QuickTime Player

    I have a youtube video I would like to stream in QuickTime Player, I go to File/Open Location and paste the URL and click open I get this message: "The operation could not be completed". Can anyone help? I have tried this with vimeo as well.

    I had a similar problem once, but it was duplicated audio, not video.
    I fixed it by uninstalling Quicktime, rebooting, then reinstalling Quicktime.

  • How to link to a non-youtube video

    I'm having great difficulty linking to a video....a Non-youtube video. I have a video on another platform that has html embed codes, but they don't seem to be working in Acrobat. Does Adobe not allow linking to non-youtube videos? What are the parameters acrobat needs in order to display a non-youtube linked video?
    btw: I know I can embed the video in the doc, but that is not what I need. I want to link to the video from a location on the internet (CDN).

    If you are linking to a video, why would the format matter? You're  linking to a video player elsewher. It would be using a flash player  most likely.
    As Steve says above, you should use the Video Tool to draw a rectangle on the page where you want the video to appear, and in the dialog window that opens, enter the fully-qualified URL into the "Browse" field. The URL must end in a valid extension type for video that can be played by Flash Player (such as .FLV or .MP4) and you should link to the video file itself rather than the web page of the player application. If you have a video on a dynamic URL so there isn't an extension at the end, you'll need to re-craft the URL to add one, for example by passing a dummy variable.
    If for example there's a video in FLV format delivered from a url
    http://www.notarealwebsite.web/player?video=1234
    then to get the Add Video tool to accept it, you'll have to enter something like
    http://www.notarealwebsite.web/player?video=1234&somevariable=.FLV

  • Autism...Please Help..Video Player With Constant Controls.., Autism...Please Help..Video Player With Constant Controls..

    Hi All.
    My son has Autism, is 23 and I am trying to teach him to control a video player on ipad 2, I just need a video player with controls ( THAT STAY ON SCREEN CONSTANTLY).
    He is able to press the next > icon but when it disappears from the screen he gets confused.
    Thank You All In Advance
    Rgs
    brendan

    Another thing I do get this error randomly with other apps like Firefox 22 and Skype too which is strange. my S/N : 602-V260-050B1201119526.
    This error is from Skype
    Description
    A problem caused this program to stop interacting with Windows.
    Faulting Application Path:   C:\Windows\SysWOW64\WWAHost.exe
    Problem signature
    Problem Event Name:   MoAppHang
    Package Full Name:   Microsoft.SkypeApp_1.8.0.111_x86__kzf8q xf38zg5c
    Application Name:   praid:App
    Application Version:   6.2.9200.16420
    Application Timestamp:   505a90d6
    Hang Signature:   d908
    Hang Type:   2097152
    OS Version:   6.2.9200.2.0.0.256.48
    Locale ID:   2057
    Additional Hang Signature 1:   d908164defd45e704df38cec71cdb6e9
    Additional Hang Signature 2:   db7a
    Additional Hang Signature 3:   db7a68a61e111f839b8a39fd0e33855c
    Additional Hang Signature 4:   d908
    Additional Hang Signature 5:   d908164defd45e704df38cec71cdb6e9
    Additional Hang Signature 6:   db7a
    Additional Hang Signature 7:   db7a68a61e111f839b8a39fd0e33855c
    Description
    A problem with your video hardware caused Windows to stop working correctly.
    Problem signature
    Problem Event Name:   LiveKernelEvent
    OS Version:   6.2.9200.2.0.0.256.48
    Locale ID:   2057
    Files that help describe the problem
    WD-20130626-0316-01.dmp
    sysdata.xml
    WERInternalMetadata.xml
     View a temporary copy of these files
    Warning: If a virus or other security threat caused the problem, opening a copy of the files could harm your computer.
    Extra information about the problem
    BCCode:   141
    BCP1:   FFFFFA8007997010
    BCP2:   FFFFF880069D42B0
    BCP3:   0000000000000000
    BCP4:   0000000000000150
    OS Version:   6_2_9200
    Service Pack:   0_0
    Product:   256_1

  • Youtube video embed in website?

    Hi
    Any body know how can i youtube uploaded video embed in website, its an simple go to share, embed my problem is after the youtube video ending i want a replay symbol how can i do that?
    Regards
    Manoj

    Is this what you are looking for http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2310032?
    Gramps

  • VIDEO embed issues

    Hi all.. Noob here...
    I have created a very simple <video> embed with fall-back code for all browsers. When test viewing in FF4 locally, the vicdeo appears and plays perfectly. But when I upload to a server (retaining the same file structure) the video does not appear.  All other browsers seem to be displaying fine...
    Why?

    Hi
    Have you tried it without the webm format?
    The 'X' normally means that there is a problem with the video itself, (unfortunately, I like probably 99.9% of people have almost no experience with the webm format!). As the ogv file is playing in other browsers, (and should be playing in FF) then this file should be o/k. It may also be that FF4 is using the ogv video, (it is the first in the list that it can use) but trying to play it as webm, or in some way conflicting with the webm.
    This is one of the problems with the html5 video formats and especially the new webm format, in that very few people will probably know of all the problems/conflicts that can occur until they become much more widely used.
    The good news is that the flash fall-back works for IE, and the code itself appears to be correct, but as I say the webm is an unknown.
    PZ

  • How do I embed YouTube or Vimeo video in an apple mail message

    Is there an easy  way to embed YouTube or Vimeo video in an apple mail message?
    I've tried using command+i (same with share feature) on a YouTube page ... looks great except I get missing plugin error on video.
    I'm up to date on Flash plugin, running Safari 6, OS X 10.8. No old Flash files in the internet library.
    Any help is appreciated!

    There's an HTML validator built in to the editor and it will, by default, throw out all but the simplest HTML tags.
    The Apple document, Mac OS  X Server, Wiki Server Administration V 10.6 explains all the gruesome details. But here's the solution that I use:
    Change to the Wiki Server's directory by using
    cd /Library/Application\ Support/Apple/WikiServer
    If it doesn't exist, create a file called whitelist.plist:
    sudo touch whitelist.plist
    The file will be owned by root and all members of the _teamserver group. The latter is required for the Wiki service to have access.
    Then edit the file with any appropriate editor -- I like vi:
    sudo vi whitelist.plist
    The file needs to have very specific formatting. This one should get your YouTube embedded HTML working:
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
    <plist version="1.0">
    <dict>
    <key>protocols</key>
    <array>
    <string>scp</string>
    </array>
    <key>styles</key>
    <array>
    <string>font-size</string>
    </array>
    <key>tags</key>
    <dict>
    <key>object</key>
    <array>
    <string>width</string>
    <string>height</string>
    </array>
    <key>param</key>
    <array>
    <string>name</string>
    <string>value</string>
    </array>
    <key>embed</key>
    <array>
    <string>src</string>
    <string>type</string>
    <string>width</string>
    <string>height</string>
    </array>
    <key>script</key>
    <array>
    <string></string>
    </array>
    <key>hr</key>
    <array>
    <string></string>
    </array>
    </dict>
    </dict>
    </plist>
    After making changes or additions, save and close the whitelist.plist file then restart the Web service using the Server Admin application.
    If you aren't at all familiar with vi, then you may want to instead create a text file on your desktop, put the content into it, then move it to the right location and change its ownership and permissions.
    Hope this helps.

  • How do I stream Vimeo videos with the YouTube widget?

    I am having trouble streaming a Vimeo video with the YouTube widget in Captivate 7. The Vimeo video is: http://vimeo.com/24270413#at=0
    When I test it in Captivate it comes up with an error message. Does the Vimeo address need to be amended in any way to work with the YouTube widget?
    I have no problem with YouTube videos but Vimeo is causing me problems.
    Thanks

    I think you will have the same problem, i've tried to insert vimeo videos as well using the Web Object interaction in Captivate and they don't load...

  • Possible to embed video with controls in FM PDF?

    I have a very specific end in mind, and I'd like to know from you folks who might have done this before if it's even possible, and if so, the steps to follow to achieve it. Here goes...
    I'd like to take an ordinary AVI file, convert it FLV in Media Encoder so it's of a manageable size, bring that into Flash in order to add controls to it (stop, start, pause, etc.), import the SWF file into FrameMaker and export a stand-alone PDF file than includes the video, without needing to reference any external files or servers or anything like that. Just one PDF file that includes the demonstration video and the means to run it.
    Right now the show-stopper seems to be it's possible to create a SWF file with controls, OR a SWF file that encorporates an embedded video source, but NOT BOTH at the same time. Anything that enables you to have controls seems to insist on referring to an external file, which I need to avoid.
    Then the problem becomes is it even possible to import such a SWF file, with working controls, into FM and thread it through to a PDF file where it will function as such?
    Anyone who can point me the way, I'd be much obliged. And thank you.

    Thanks, but I've seen that file before. While it's interesting to learn you can create links below a video to do this, the really ironic thing is that the PDF file contains video presentations making use of the controls that I'm looking to include (see graphic). In fact, it was this very document that got me interested in seeing how to do this in the first place. Now, I might be mistaken, but I don't think this is a solution available inside FrameMaker itself and I'm really after a cross-application procedure from someone who's done this in the past. I appreciate the input, though.
    From page 25 of the guide:

  • Is it possible to embedd other Non YouTube videos on iWeb sites?

    You know how there's a YouTube Widget that lets you easily embed YouTube videos on iWeb sites? I imagine this Widget doesn't work for none YouTube videos (e.g. MetCafe), so how do we embed those on our web site pages?

    Use an HTML Snippet and an iFrame code.....
    http://web.me.com/roddymckay/Web-Media-Test/Night-City.html
    There are two versions of the same movie on this test page. One uses the Vimeo code and the other uses an iFrame code with the URL to the Video.

  • Clearbox 3 video problems youtube vimeo support

    hi all
    my 1st post here, my 1st website build.
    currently redoing company website, shifting from old flash based site to more iOS and android friendly layout. Using clearbox 3 lightbox for all galleries.
    sample clearbox shows its compatible for displaying flash,qt,youtube,mp3 even html from galleries.
    here is sample multi media code that is embedded when inserting the widget
      <div class="container clearfix">
        <div class="item"><a href="example/Flash.swf" rel="clearbox[gallery=Gallery,,width=600,,height=400,,title=Flash content]"><img class="fakepic" src="example/no_flash.gif" alt="flash content" /></a></div>
        <div class="item"><a href="http://www.youtube.com/v/OtQN-iDfprU" rel="clearbox[gallery=Gallery,,width=700,,height=490,,title=A clearbox 3 preview movie on YouTube,,comment=I uploaded some movies to YouTube from clearbox 3...]"><img src="example/no_youtube.gif" alt="youtube movie" /></a></div>
        <div class="item"><a href="http://handras.hu/insight/media/insight_960.mov" rel="clearbox[gallery=Gallery,,title=iNSIGHT (http://handras.hu/insight),,comment=This video is a demo shot entirely with Canon's 5D MarkII DSLR camera. It is a six minute three-section video demonstration of a photoshoot and digital image composition process. The video is mainly intended to demonstrate the capabilities of the camera and to share our joy of creation through behind-the-scenes pictures.&lt;br /&gt;&lt;font color=&quot;#ff7700&quot;&gt;QuickTime plugin required!&lt;/font&gt;,,width=960,,height=540]"><img src="example/no_quicktime.gif" alt="quicktime movie" /></a></div>
        <div class="item"><a href="example/test.mp3" rel="clearbox[gallery=Gallery@@,,tnhrf=nopreview@@autoslideshow@@,,width=500,,height=150, ,title=MP3 music,,comment=Windows Media Player plugin is required!]"><img src="example/no_winmediamp3.gif" alt="music" /></a></div>
        <div class="item"><a href="http://www.clearbox.hu/index_en.html" title="Clearbox Info" rel="clearbox[height=1000,,width=700]"><img src="example/clearbox.png" alt="Clearbox Info" /></a></div>
      </div>
      <div id="inline">
        <h3>Lorem ipsum</h3>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
        dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl.
        Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus.
        Pellentesque habitant morbi tristique senectus et netus et malesuada
        fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat
        velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus
        risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna.
        Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy
        pretium tellus. </div>
    </div>
    <div class="tooltipContent" id="sprytooltip1">Tooltip content goes here.</div>
    <div id="LColApDiv"></div>
    <div id="LColumnAppDiv"></div>
    <div id="LeftColumnAppDiv"></div>
    <div id="leftColumnApDiv"> </div>
    <script type="text/javascript">
    i'm trying to use youtube video of my own but am not able to spawn the video. the sample code from above works fine:
    div class="item"><a href="http://www.youtube.com/v/OtQN-iDfprU" rel="clearbox[gallery=Gallery,,width=700,,height=490,,title=A clearbox 3 preview movie on YouTube,,comment=I uploaded some movies to YouTube from clearbox 3...]"><img src="example/no_youtube.gif" alt="youtube movie" /></a></div>
    but when using my test video, it does not spawn anything:
    <div class="container clearfix">
        <div class="item"><a href="https://www.youtube.com/watch?v=2hzMHcfuj1E" rel="clearbox[gallery=Gallery,,width=700,,height=490,,title=Clearbox 3 preview movie on YouTube,,comment=movies from from clearbox 3...]"><img src="example/no_youtube.gif" alt="" /></a></div>
    I've tried the share urls from the share, embed options and still nothing. can anyone see whats so wrong from my code as compared to the sample??
    also does anyone know if clearbox 3 is compatible with vimeo videos and how to get that working?
    thanks for any help!

    hi
    thanks so much for your reply!
    do you know of a jquery fancybox that is a little bit closer to clearbox3, one with preview thumbnails at the bottom of the slideshow image?
    this is probably a funny question, but is there also such a jquery image gallery that is free for commercial use? is there such a thing as free for commercial use? anyone know
    thanks for the help
    Nancy O. wrote:
    I've never used Clearbox.  I typically use jQuery Fancybox for images & videos.  AFAIK, Fancybox works in all browsers.  I'm not so sure about Clearbox.
    Nancy O.

  • Embed vimeo videos in flash site

    hello i have bought a flash site template.
    I have been updating the site by way of  .xml in dreamweaver.
    is there a way i can embed vimeo videos through the .xml file?
    thanks,
    Ryan

    Hi
    thanks for your reply. I am not sure really how should I
    classify the videos I am taking about but let me try to explain...
    You might have seen NIKE websites about football and
    merchandise etc. On those website you will find a footballer
    playing with foot ball or if you have seen a site of an energy
    drink where there are few dancers, you need to answer few questions
    to get to the dance movie of a dancer.
    What I want to do is that I want to design a 3D environment
    for my flash website where I want to show some people working in
    office in a section of the site. For that I will make a video with
    my digital camera and will use it in the site. Similarly I want to
    show my own videos merged with the website design. So it sounds
    like I am acting within the wesite design environment.
    I hope I am clear enough now..

Maybe you are looking for

  • Error while searching production order

    Hi All, I am using SAP B One 8.8 SP : 00 PL 16 at our client location. Whenever any used opens production order and tries to search added production order follwing error message is displayed. Error: " Invalid production bill of materials [Production

  • Error message when connecting to Windows

    I have a newer Ipod, 4g, that Im trying to connect to Windows. I d/l the latest version of Itunes and installed but when I connect the Ipod, it says it has detected an Ipod in recovery mode and I will need to restore etc. I first did the restore and

  • Error message when trying to open Adobe Pro XI

    I get an error message and Adobe Pro XI shuts down.  Here is the message: Process:               AdobeAcrobat [12338] Path:                  /Applications/Adobe Acrobat XI Pro/Adobe Acrobat Pro.app/Contents/MacOS/AdobeAcrobat Identifier:            c

  • Windows Deployment Services 2012 - Driver Group filter by Model value not working - Drivers are not installed!

    Hi, I'm using Windows Deployment Services 2012 to deploy Windows 7 Pro x64 driverless images to different hardware models (drivers are injected using WDS). I already have organized the drivers in driver groups per hardware model. I'm experiencing dri

  • Self-Assigned IP error and no Internet thru cable, but fine via Airport crd

    I am having a vert weird problem. Airport base station hooked to a LAN router, new Mac Pro (10.5.1) hooked via cable to Airport base station. I get the self-assigned IP address and no internet. This happens also if I hook Mac Pro directly to router v