Video player in HTML5

Hi,
I'm working on a video player in HTML5 that could work on iOS as well.
So far I managed to place the video and have it positioned as I wanted, in the left bottom corner:
http://www.jcmonteromultimedia.com/jcmm/test4/index.html
I can play the video on my iDevices, and am happy with that...
The goal I'm trying to reach is like in this other test page:
http://www.jcmonteromultimedia.com/jcmm/test2/index.html
In this second example, the content is Flash based and will not work on iOS, but the interesting feature that I'm trying to replicate is that you can click on the girl and she "poof"... goes away!
I've done that with some Javascript code I got over the net.
It doesn't work on the HTML5 page.
Can someone please help me with doing this same feature with HTML5?
Thanks.
JC

Thanks for your reply, aigphoto.
I'll try to adapt that Javascript and see what happens.
Regards.
JC

Similar Messages

Skin of video player in html5

I have an issue with event videos in my Cp6. The problem is when I try to publish an event video in html, the skin of the player is not converted.
Does anybody know if the new Cp7 is able to publish this skin?
thanks

Thanks for your reply, aigphoto.
I'll try to adapt that Javascript and see what happens.
Regards.
JC

How to embed HTML5 video player in web page

I have developed a video player using html, javascript and jquery. depending upon the browser type and mobile/non-mobile device, it creats the html5 video tags or redirect to a fall back flash player). I am using Adobe media server
this player works well on all the browsers.
videoplayer.html
<!DOCTYPE html>
    <html>
       <head>
</head>
<body>
<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
          <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
          <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
          <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
                    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
                    <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
                    <param name="allowFullScreen" value="true" />
                    <param name="wmode" value="transparent" />
                    <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2 Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny. mp4','autoPlay':false}]}" />
                    <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />
          </object>
                    </video>
</body>
    </html>
============================================
If I embed this video player in any of the aspx page using <EMBED></EMBED>, the redirection to flash player does not happen.(it works fine on chrome and safari but not on IE and firefox)
<EMBED height=360 width=250 src="http://localhost/videoplayer.html"></Embed>

I used <object> to make it work in IE and Firefox
<object type="text/html" data="http://64.165.34.7:8134/videoplayer.html?size=1&playlist=2" style="width:460px; height:260px"></object>

Using Flash player even though YouTube HTML5 video player is enabled

I'm in YouTube HTML5 video player beta program (http://youtube.com/html5), but even with it being enabled, every time I play a YouTube video it's still using Flash player.

try adding '''&html5=True''' to the end of the URL

Safari 6.0.5 update == no variable speed feature on html5 video player.

Today I installed the Safari 6.0.5 update and now I don't have the html5 video player variable speed feature -- this allows one to play videos at speeds from 0.5x to 2.0x. My previous Safari was 6.0.4 and the html5 video var speed feature worked well.
The other things SW Update installed with the Safari 6.0.5 were:
Security Update 2013-002
Java for OS C 2013-004
iTunes 11.0.4
Any ideas?

Today I installed the Safari 6.0.5 update and now I don't have the html5 video player variable speed feature -- this allows one to play videos at speeds from 0.5x to 2.0x. My previous Safari was 6.0.4 and the html5 video var speed feature worked well.
The other things SW Update installed with the Safari 6.0.5 were:
Security Update 2013-002
Java for OS C 2013-004
iTunes 11.0.4
Any ideas?

ANN: HTML5 Video Player Dreamweaver Extension Released!

Hi All,
Just wanted to let you know about the great HTML5 Video Player we just released at DMXzone!
Meet the present and future of HTML5 Video - the HTML5 Video Player Dreamweaver extension! DMXzone's plug-in free, easy to use and fast video player is ready to shows off the potential of HTML5 internet revolution. With a full browser compatibility and special support for iPad/iPhone it's a great tool in creating stunning pages.
Packed with four amazing skins, fullscreen option and built-in support for Vid.ly encoding and YouTube it marks the beginning of a new era in Web design. Of course, for the easiest implementing on a website, there's a super simple Dreamweaver UI to lead you through the process. Based on jQuery and the great open source video player Projekktor, the HTML5 Video Player guaranties a fully compliant HTML5 video in all browsers.
So if you are interested check the many videos and demos about the HTML5 Video Player on DMXzone.
Greetings,
George Petrov
DMXzone.com
PS. There are also many other HTML5 Dreamweaver Extensions we have being releasing recently, like the HTML5 MP3 Player and HTML5 Slideshow! So you might want to check them out as well!

HTML5 <video> is a web standard now. You don't need widgets for this.
Simply copy & paste the following code into a new, blank document. Replace poster image and sample videos with your own.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Video</title>

</head>
<body>

<video width="500" height="325" poster="Your_poster_image.jpg" controls>

<source src="http://techslides.com/demos/sample-videos/small.webm" type="video/webm">
<source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
NOTE: If you see this, you're using an
outdated browser that doesn't support
the video tag. </video>

</body>
</html>
Nancy O.

Dreamweaver Widget Browser for Html5 video player not working

Html5 video player (kalturaPlayer) not working on server. It works fine in Dreamweaver Live View. Need to get this resolved soon for client's web page.
Here is my code:
<figure> <div>
          <video width="640" height="360" poster="NewFiles/images.tdrbcf/home/2012/denise4video2.jpg" duration="2:04" preload="auto" >
            <source type="video/h264"> <source src="NewFiles/images.tdrbcf/video/liv-fab-well.mp4" width="640" height="360" />
      <source type="video/webm"> <source src="NewFiles/images.tdrbcf/video/liv-fab-well.webm" width="640" height="360" />
            <source type="video/ogg" >>
            <source src="NewFiles/images.tdrbcf/video/liv-fab-well.ogv" width="640" height="360" />
            </video>
</div></figure>
I'm not as familiar with editing the script ... so I left it alone. Could there be an error there, do the video player files need to be in a particular location and are there some servers that do not support the kalturaPlayer?

Html5 video player (kalturaPlayer) not working on server. It works fine in Dreamweaver Live View. Need to get this resolved soon for client's web page.
Here is my code:
<figure> <div>
          <video width="640" height="360" poster="NewFiles/images.tdrbcf/home/2012/denise4video2.jpg" duration="2:04" preload="auto" >
            <source type="video/h264"> <source src="NewFiles/images.tdrbcf/video/liv-fab-well.mp4" width="640" height="360" />
      <source type="video/webm"> <source src="NewFiles/images.tdrbcf/video/liv-fab-well.webm" width="640" height="360" />
            <source type="video/ogg" >>
            <source src="NewFiles/images.tdrbcf/video/liv-fab-well.ogv" width="640" height="360" />
            </video>
</div></figure>
I'm not as familiar with editing the script ... so I left it alone. Could there be an error there, do the video player files need to be in a particular location and are there some servers that do not support the kalturaPlayer?

HTML5 Video Player Skin

Hello,
I have the latest version of Captivate 7. I am developing a course that is using embbeded mp4 video that has been encoded using the Adobe video encoder. My understanding is that with the latest update you have now included a default HTML5 Video player skin hoverver I can not see one displaying in any of the modern browsers when I preview or publish my course out.
I have also noticed that when I publish out my HTML5 course you are not using the controls tag to bring up default modern browser HTML5 video player controls! http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_all
HTML5 is the new standard! Come on guys if you want to make Captivate the market leader in eLearning then you have to be bringing out updates with the latest html5 support I would like to see captivate as a fully HTML5 compatible product in th enext big release
If there is no solution withing captivate at the moment can you show me how I can utalise a 3rd party JS HTML5 video player such as VideoJS http://www.videojs.com/ and use it with my published HTML5 Captivate Project.
Thanks

The HTML 5 Video Player Widget is still available, I think you are running into an intermittent issue a couple others reported.
In Widget Browser, try clearing the Cache by clicking the "Options" button in top right and then the "Clear Cache" button.
Then go to 'Adobe Exchange" and click on the "HTML 5 Video PLayer" widget again.
If it still displays an error ignore it.
Hit Add to My Widgets and try it out.
Let us know if that doesn't fix the problem. I think the download file type may not be set correctly looking into fixing that on the server.
-Scott Richards
Dreamweaver Team

HTML5 video player won't load YouTube videos (and probably nothing else either)

When I request that YouTube use the HTML5 video player for videos, no videos will load - I have to switch to Adobe Flash for anything to play. The page for a video will finish loading and I'll just sit there watching the loading spiral of death ceaselessly. I've tried a number of suggestions from other threads with similar issues and nothing's helped.
- Safe Mode does NOT fix the problem (so it's not an add-on or script issue)
- Clearing cookies/cache does not work
- Toggling the media.windows-media-foundation.enabled setting does nothing
- Disabling hardware acceleration also does nothing
I'm at my wit's end. Flash will hang and crash REALLY often so I don't want to use it, but it's the only thing that works for YouTube. Please help.

You have to download and install Adobe Flash. Flash is not pre-installed.
http://get.adobe.com/flashplayer/

Using the native iOS video player?

I would like to learn more about using the iOS native video player in my Adobe Air app.
I understand that you can launch the native iOS video player by using StageWebView.
What are some of the limitations of using the native IOS player with this method?
Can I not limit the user's control of the playback controls so the user cannot fastforward thru an ad video?
Once the video is done, can I auto start to a new video?
When the user clicks the DONE/BACK button, can I close the StageWebView?
Are there other ways to launch the iOS native player instead of using StageWebView?
Is anyone creating a Native Extension for the iOS native video player?
If you were to create an app using native iOS code instead of Adobe AIR, what can you do with the native player that you can't control using Adobe Air?
thanks!
Jack

Hi, Jack:
My answers are based on what I have done:
other than stageWebView, you can load native player from native UIWebview, and probably (I guess) directly open a video players.
If you do it from UIWebview, you can have the full access control of the video player, and interaction between Flex and Objective-c is also supported.
Regarding what we can do with the native player, I say we can do anything we want if it's loaded on the UIWebview.
Let's say 'pause', you can make your native player to be paused in the flex code, besides directly click the pause button. The simple workflow is:
Mapping 'pause' function to a objective-c function which triggers the native videoplayer pause function. One situation would be that you have HTML5 page only contains a video player, and java script functions to control the video (player pause, fullscreen etc).
Therefore, you can just call those javascript functions from objective-c.
You can also get information back from objective-c. Let's say you wanna do something after the video is finished, so the objective-c call javascript to listen end info of the video. then objective-c pass this information back to flex as an event. The Flex side catches this event and maps this event into Flex event for your use.
If there is a way to direcly invoke native player, those steps above will be much simpler, but I haven't tried. I am sure someone is doing that, hopefully they can answer you here.
Regards,
Matthew

Custom Video player

Hi,
Im new to adobe edge, and not much example to seek online,
thus here am i asking for some reference.
i would like to know is it possible to create a custom html5 video player
using adobe edge animate?

I have this same problem:
"Unauthorized/ It appears you're not allowed to view what you requested. You might contact your administrator if you think this is a mistake."
Why??? How can I contact administrator (if it will help)??

An image changing to FLV Video Player in AJAX Update Panel

Hi,
I'm trying to design part of a website can seen as video gallery. I have videos related to subcategories; and subcategories that related to categories.
I was using popups but now want to change it. Simply, firstly there are images and descriptions(in an update panel) of videos on page. After clicking thumbnail, the region includes thumbnail and description wil be changed to FLV video player.
Outside of updatepanel player is working good. but when i move it into updatepanel; doesn't working in IE. Because JS code (AC_FL_RunContent(.....)) is not working in updatepanel. Tried another script (like alert('hello!');), it's working. I think i have problem with the function named AC_FL_RunContent(...). It's working as i want, if open page with Firefox.
Looked for this in google. Visited many pages, but never find a solution for this nor source of problem. I hope someone can help me
Using ASP.Net. I'm attaching my tree structure and codes below:
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%>
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" //www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<
html xmlns ="http://www.w3.org/1999/xhtml">
<
head id="Head1" runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css"/>
<script type ="text/javascript">
function
MM_CheckFlashVersion(reqVerStr,msg){
with (navigator){
      var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
      var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
      if (!isIE || !isWin){
        var flashVer = -1;
        if (plugins && plugins.length > 0){
            var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
            desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
            if (desc == "") flashVer = -1;
            else{
              var descArr = desc.split(" ");
              var tempArrMajor = descArr[2].split(".");
              var verMajor = tempArrMajor[0];
              var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
              var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
              flashVer = parseFloat(verMajor + "." + verMinor);
        // WebTV has Flash Player 4 or lower -- too low for video
        else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
        var verArr = reqVerStr.split(",");
        var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
        if (flashVer < reqVer){
            if(confirm(msg))
              window.location = http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash;
function callFLVP(){
AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','320','height','240','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=./VideoGallery/serpende&autoPlay= false&autoRewind=false','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_Progressive');
</
script>
<
script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</
head>
<body onload="MM_CheckFlashVersion('7,0,0,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?');">
<form id="form1" runat="server">
      <ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />
      <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Literal ID="thumbLiteral" runat="server"></asp:Literal>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="showvideoButton" EventName="Click" />
        </Triggers>
        </asp:UpdatePanel>
        <asp:Button ID="showvideoButton" Text="Video" runat="server" onclick="showButton_Click"/>
     </div>
   </form>
</
body>
</
html>
Default.aspx.cs
public partial class _Default : System.Web.UI.Page
     protected void Page_Load(object sender, EventArgs e)
          thumbLiteral.Text = "<img src id=\"imgThumb\" src=\"./VideoGallery/small/serpende.jpg\" />";
     protected void showButton_Click(object sender, EventArgs e)
          string strNoScriptBlock = "";
          strNoScriptBlock += "<noscript>";
          strNoScriptBlock += "<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\" width=\"320\" height=\"240\" id=\"Object1\"><param name=\"movie\" value=\"FLVPlayer_Progressive.swf\" /><param name=\"salign\" value=\"lt\" /><param name=\"quality\" value=\"high\" /><param name=\"scale\" value=\"noscale\" /><param name=\"FlashVars\" value=\"&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=serpende&autoPlay=false&a utoRewind=false\" /><embed src=\"FLVPlayer_Progressive.swf\" flashvars=\"&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=serpende&autoPlay=fal se&autoRewind=false\" quality=\"high\" scale=\"noscale\" width=\"320\" height=\"240\" name=\"FLVPlayer\" salign=\"LT\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash\" /></object>";
     strNoScriptBlock += "</noscript>";
     string strScriptBlock = "";
     strScriptBlock += "<script>";
     strScriptBlock += "callFLVP();";
     strScriptBlock += "</script>";
     ScriptManager.RegisterClientScriptBlock(this, typeof(string), "strScriptBlock", strScriptBlock, false);
     thumbLiteral.Text = strNoScriptBlock;

Let's check this first;
If you have problems with current Shockwave Flash plugin versions then check this:
* see if there are updates for your graphics drive drivers
'''https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration'''
* disable protected mode in the Flash plugin (Flash 11.3+ on Windows Vista and later)
'''https://forums.adobe.com/message/4468493#TemporaryWorkaround'''
* disable hardware acceleration in the Flash plugin
'''https://forums.adobe.com/thread/891337'''
See also:
* '''http://kb.mozillazine.org/Flash#Troubleshooting'''

I get a security sandbox error #2122 when i try to use ImageSnapshot on video player

hey guys... so all my application does is... it has a video player... and when i initiate the component it loads the flv from a different server, and plays the video... now while its playing the video i have a button called capture, and whe you hit that button the user is able to take snapshots of the current frame.
this seems to work perfectly locally, but as soon as i uploaded it to the server i get problems...
the error states:
SecurityError: Error #2122: Security sandbox violation: BitmapData.draw: http://website1.com/Content/swf/oneStopImageVersion.swf cannot access http://website2.com/videos/originals/Grand_Opening.flv. A policy file is required, but the checkPolicyFile flag was not set when this media was loaded.
     at flash.display::BitmapData/draw()
     at mx.graphics::ImageSnapshot$/captureBitmapData()
     at modules.videoHandler::videoHandler/captureVideo()
     at modules.videoHandler::videoHandler/___videoHandler_LinkButton3_click()
i have the crossdomain file in the root directory of website2.com, and i have the folloing line of code in there
<?xml version="1.0"?>
<cross-domain-policy>
     <site-control permitted-cross-domain-policies="all" />
     <allow-access-from domain="website1.com"/>
     <allow-access-from domain="*.website1.com"/>
         <allow-http-request-headers-from domain="*.website1.com" headers="SOAPAction"/>
</cross-domain-policy>
any ideas on how to fix this problem???
my actionscript code is as follows
public function captureVideo():void{
     var snapshot:BitmapData = ImageSnapshot.captureBitmapData(videoPlayer.videoDisplay);
     initialThumbnail.source = new Bitmap(snapshot); //this is the image tag in my mxml
any help is greatly appretiated!!!!
thanks in advance!

any one with ideas???
i've been doing some more research... and found a possible solution... where i could send the video thru a server proxy... but the only thing is doing that might slow down my process... i was wondering if there was any other solution to this problem??

My ant video player after i updated to firefox four is now in the upper part of the screen where it opens up and i cant find out how to fix it

my ant video player after i updated to firefox four is now in the upper part of the screen where it opens up and i cant find out how to fix it

Create a new profile as a test to check if your current profile is causing the problems.
See "Basic Troubleshooting: Make a new profile":
*https://support.mozilla.com/kb/Basic+Troubleshooting#w_8-make-a-new-profile
There may be extensions and plugins installed by default in a new profile, so check that in "Tools > Add-ons > Extensions & Plugins" in case there are still problems.
If that new profile works then you can transfer some files from the old profile to that new profile, but be careful not to copy corrupted files.
See:
*http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox

How can i make RealPlayer the default video player?

I use safari 3.0.4
When it accesses sites containing video, it plays it in Flash (eg YouTube)
How do I get safari to use realplayer instead? (Even my Firefox 2.0 uses flash) (I have RP 10)
I am teaching a course in media literacy and show some of the uploaded old tv commercials to my students. i want to show next year's class some of the same commercials, so i want to save the ones I find this year while they're available.
At school, I work on a pc, and it plays video back in RealPlayer which gives me a 'download' option, so i can save these commercials.
But when i find good clips at home, on my mac, all I can do is note the urls, then do it all again at school to get to them to download. it would be much easier if i could download them as I find them, then take them to school on my portable drive.
any solution?
Thank you
Elizabeth

At school, I work on a pc, and it plays video back in RealPlayer which gives me a 'download' option, so i can save these commercials
RealPlayer v. 11.0.0 (may still be in beta) now includes that Downloader - a very useful item!
It is a free download but they will ask for money in July. Must be why they call it RealPlayer Plus!
You can get it here:
http://uk.real.com/player/mac/
I have had it for a couple of weeks and have had no problems.
As for making RealPlayer the default video player, IMO that is not a good idea. There is a lot of stuff out there that RealPlayer would not be able to handle.
These are the downloads and the settings you need in order to view/hear pretty much everything that the net can throw at you: The setup described below has proved repeatedly successful on both PPC and Intel macs, but nothing in life carries a guarantee!
It is known to work in the great majority of cases with Safari 3.0.4, QT 7.3 or 7.4 and OS 10.4.11. (If you are running Leopard, ensure that all plug-ins have been updated for OS 10.5.2, but please see my footnote).
Assuming you already run Tiger versions OS 10.4.9 or above (this has not yet been verified with Leopard) and have Quicktime 7.2 or above, and are using Safari 2 or 3, download and install (or re-install even if you already had them) the latest versions, suitable for your flavor of Mac, of:
RealPlayer 10 for Mac from http://forms.real.com/real/player/blackjack.html?platform2=Mac%20OS%20X&product= RealPlayer%2010&proc=g3&lang=&show_list=0&src=macjack
The new RealPlayer Plus (v.11) is still in beta and therefore free, but works well on Tiger. It includes a download function, and you can get that here:
http://uk.real.com/player/mac/
Flip4Mac WMV Player from http://www.microsoft.com/windows/windowsmedia/player/wmcomponents.mspx (Windows Media Player for the Mac is no longer supported, even by Microsoft)
Perian from http://perian.org/
You should read this support page http://perian.org/#support in case you need to delete older codecs.
Adobe FlashPlayer should first be uninstalled using the appropriate uninstaller available here: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14157&sliceId=2 and then the latest version obtained from here: http://www.adobe.com/shockwave/download/download.cgi?P1ProdVersion=ShockwaveFlash and installed.
(You can check here: http://www.adobe.com/products/flash/about/ to see which version you should install for your Mac and OS, but please see my footnote if you are running Leopard.)
In earlier versions than QT 7.1.3 in Quicktime Preferences, under advanced, UNcheck Enable Flash, and under Mime settings/Miscellananeous only check Quicktime HTML (QHTM).
You should also ensure, if you are running Tiger 10.4.11 or Leopard, that you have downloaded and installed the correct version for your Mac of Security Update 2007-009.1.1, which also deals with the Quicktime/Flash issues you may have experienced, such as the '?'. What happened was that both Quicktime as well as Adobe FlashPlayer tried to play the Flash video at the same time. This no longer happens. (N.B. Security Update 2007-009 1.1 requires both a restart and a permission repair.)
If you get problems with viewing video on a website try moving this file to your Desktop:
Hard drive/Library/Internet Plug-Ins/QuickTime Plugin.webplugin
and then restarting Safari. If all now works, you can trash that file.
In Macintosh HD/Library/Quicktime/ delete any files relating to DivX (Perian already has them). However it should be noted that Perian is not an internet plugin and will not play DivX files imbedded on a website. For that you will need the DivX Player browser plugin available from http://www.divx.com/divx/mac/
Now go to Safari Preferences/Security, and tick the boxes under Web Content (all 4 of them) to enable Java.
Lastly open Audio Midi Setup (which you will find in the Utilities Folder of your Applications Folder) and click on Audio Devices. Make sure that both Audio Input and Audio Output, under Format, are set to 44100 Hz, and that you have selected 'Built in Audio'.
Important: Now repair permissions and restart.
You should also consider having the free VLC Player from http://www.videolan.org/ in your armory, as this plays almost anything that DVD Player might not.
FOOTNOTE
If you are running Leopard:
Some users have mentioned that the latest Flash Player (v.9.0.115.0) conflicts with Leopard, and that they have needed to revert to v. 9.0.47. This can be downloaded from here:
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14266&sliceId=1

Video player in HTML5

Similar Messages

Maybe you are looking for