Adding Video Element to WebBrowser in Delphi7 with IE9 - html

I am working on development of HTML5 editor using delphi7. For this I have added WebBrowser component to my form.
I want to add video element in webbrowser. I have got IE9 and latest MSHTML_TLB.pas (activex control). It shows IHTMLVideo interface in MSHTML_TLB.pas but doesn't display video in webbrowser.
How to add video element to webbrowser?

Related

How can I hide the player on iOS lockscreen caused by an audio tag in Safari?

I am trying to hide the complete player in the iOS Lockscreen. I am using an audio tag in a web application. These guys made it somehow work: https://energy.ch/. You will see when you test it on iOS.

Simply using the <audio></audio> tag and want it to be customized in mobile platforms

How can i customize the css of html audio control (to work on mobile platforms) ? " audio::-webkit-media-controls-panel" it just work in browser i want it to be customized in ionic app.
You could remove the controls for the <audio> element and add manually your own customized controls to control the audio element.
That is removing the controls attribute and adding links and buttons and associate javascript functionality to manage (play/stop/progress...) the audio
Here is some about declaring the <audio>element https://www.w3schools.com/tags/tag_audio.asp
And this answers shows you a little example how to do it https://stackoverflow.com/a/7639343/4635829

Some components of an adobe interactive pdf aren't showing as expected

I was given an interactive pdf file, it has a slide with a small slideshow (3 slides) when looked at that particular slide. There is a play button and stop button at the bottom that appears/disappears if you move your mouse over it, and we can choose to play it or stop it. I don't know if its a video though. But, there is some interactivity in that slide. I tried to embed this pdf in an HTML file iframe. It works for the most part but the interactivity doesn't work in chrome: I have Version 53.0.2785.143 m of chrome.
However, not sure if by fluke or what, in IE 11 its working. Any ideas on how this can be made to work on chrome? I am using a simple iframe
<iframe src="file://C:\Users\svboll\embed-pdf\Interactive.pdf"
style="width:718px; height:700px;"
frameborder="0"></iframe>
IE 11 uses the Adobe Reader plugin (if available and it sounds like it is) to display the PDF in the iFrame so you'll see the interactivity play correctly there. Edge doesn't and neither does Chrome. Chrome uses it's own built-in PDF viewer which doesn't support most interactivity. For interactive PDF, you simply will not be able to create a consistent experience of PDF in an iframe across browsers, platforms, and devices. This is not a limitation of PDF, it's a limitation of the viewers in that they have not fully implemented the PDF specification.

VideoJS Flash Fallback Not Working When Dynamically Changing Source

I'm having issues with my videos not being played back in firefox. I'm attempting to dynamically update one video element's source to play multiple videos without re-creating the element every time my function is called.
E.g., first click makes the video source = video1.mp4, next click maintains that video player, but changes the source = video2.mp4 without recreating the element.
My reason for doing this is to only have to use one filetype for all browsers. I realize I could just make another source tag under the video element and give it a MIME type of video/ogg and it would work with HTML5 in firefox, but I want to have a universal format to take the burden off my users.
I can get this to work perfectly fine in chrome, but when changing to firefox the flash player only plays the first video source then
for some reason becomes undefined.
Firstly, I created a video element inside a lightbox. The lightbox is opened through a function which is called onclick of an anchor tag. When the lightbox is opened, I initialize a videojs player of the video, then set its source to the URL passed into the function. I then load the player, and play it. This works perfectly fine in chrome with HTML5, but in firefox the flash fallback works once then breaks.
I was reading about the problem and thought my problem might be the fact that flash converts the video element into a flash object, then when I try to reference the video with the same ID again, it isn't found because it doesn't exist as a video element anymore.
Here is a code sample: http://jsfiddle.net/7WTrh/12/
I tested in chrome, and it works, but firefox does not.
Thanks for the help in advance.
When you're changing the source, you need to make sure you're passing the mime type as well, so video.js knows what tech it needs.
myPlayer.src({ src: "vid.mp4", type: "video/mp4" });

How to use Chrome Frame ActiveX control

Is there any sample about using Chrome Frame ActiveX control instead of Iframe?
i need this because i can not use HTML5 canvas element in IE8 so that i tried chrome frame but it's not supported inside iframe.
I saw a post where it tells that Chrome Frame ActiveX control can be used instead of iframe.
https://groups.google.com/forum/?fromgroups=#!topic/google-chrome-frame/2Jq-isAdi1k
Try serving up this code from a web server http://src.chromium.org/viewvc/chrome/trunk/src/chrome_frame/host.html