Is there any way to integrate PIP in video element for mobile. I want to integrate vimeo player with picture in picture mode for mobile browser as well as desktop.
Related
Can I add a button in HTML to allow users to upload external folders from their computers and transfer that data within the Unity WebGL canvas for 3D volume generation? I've developed a button in HTML that allows users to upload files, but I can't transmit the data to the Unity WebGL canvas.
I'd be grateful for any assistance.
HTML button inetraction with unity webgl canvas
I am working on a project where by we are hosting and streaming video through Azure Media Service.
There is a particular video we have positioned as the hero background upon entry to the site. On desktop the video auto-play's and streams just fine but on mobile it does not autoplay at all. It simply showcases the preview image.
I'd love to be able to paste a link to the site but unfortunately due to the confidentiality of the project I am not able to. However, if there is something in particular you'd like me to post to help support the question please let me know.
The web-app is build using Angular.
Does anyone know how to fix this problem? or can point me in the right direction?
Check with the browser platform you are targeting on the mobile applications. Most mobile browsers have disabled autoplay. User MUST now initiate all playback actions.
Since the release of iOS 10 Apple has allowed muted video autoplay: https://webkit.org/blog/6784/new-video-policies-for-ios/
Chrome 53 on Android also allowing muted video autoplay: https://developers.google.com/web/updates/2016/07/autoplay
Require a video player that can play .ism/manifest files. Currently I'm using Azure Media Player.It works fine in browser but not in Mobile devices. Any other player which I can integrate with my Ionic app?
In order to prepare your video to android playback follow article http://mingfeiy.com/android-hls-playback-via-azure-media-services.
You should be able to have links with following format (additional strings added after *.ism/):
For HLS v4
http://htmlsamples.origin.mediaservices.windows.net/7bbf1b9d-83c0-4745-8e3d-169479671fd6/Tears.ism/Manifest(format=m3u8-aapl)
For HLS v3:
http://htmlsamples.origin.mediaservices.windows.net/7bbf1b9d-83c0-4745-8e3d-169479671fd6/Tears.ism/Manifest(format=m3u8-aapl-v3)
Opening web browser from you app with these formatted links should trigger playback.
There is ionic related question not specific to azure media services: Play Video in landscape Full Screen in Ionic App which might help you as well
I am developing sample web application(Game portal) for smart phones. In that application I have header, content and footer.
In content I have thumbnails with title, description and play button.
I have download a game(bubble game in the format of .exe. When I download any game for smart phone, that download in that format of .exe) through Google and save. After save I have copied and past in specific location in my application like layout/games/bubble.exe.
In play link just put that location in href. So the problem is when I click that link its goes to download.
Please any one say, how can I directly play without download when I click the play button.
I have a client that has a website. The website current allows users to login and search for and play .mp4 video. The list of playlist is created dynamically where values are stored in a sql server 2008 database. My client's site is already built for smartphone utilization and did not want to recreate an iphone app. Besides it would mean loading thousands of video. Instead I thought I would use the UIWebview to load the website. This seemed to work well. However, when you try to click on and play video within the UIWebview nothing happens. This is not the case if we launch the mobile website within the apple mobile safari browser. The vide plays by kicking off in the iPhone video player. Is there any way to accomplish this same functionality with a uiwebview? Any guidance or help is appreciated.
UIWebView will play video using <video> if everything is set up correctly, either remote files or local files will work (if they are the correct format).
What does your video tag look like? In particular your src.
If you want to, for example, play an inline video the html5 for that would be something like
<video id="theVideo" controls width="280" height="160" src="yourVideo.mp4" webkit-playsinline></video>
And it would be necessary in the UIWebView to set this line
self.webView.allowsInlineMediaPlayback = YES;
Or you can also explicitly load the media player, but doing everything in HTML5 is neat and tidy and easy.