I'm using Flowplayer6 / HTML5 wordpress plugin to play videos on the site.
I have trouble playing the player on the phone. By clicking on the player, the video does not run .
Please find an online example of the problem below:
http://www.muzika.com.br/vertice/player_portacurtas/filme/?name=j_carlos_o_cronista_do_rio
obs .: the 5/2 is normal to stop the video.
According to the know issues section in flowplayer documentation, it seems that:
Mobile devices and iOS do not support automatic playback on page load.
Volume and mute state cannot be controlled on mobile platforms and
iOS.
Mobile phones and iPod do not allow inline playback in the
browser. The native player component takes over entirely. They
therefore also do not fully support the JavaScript API, especially
when it comes to interaction with the page.
You will find in the documentation some workarounds, but maybe this is not the right plugin for what you need.
Related
I'm implementing Facebook Pixel on my WordPress website. Everything works fine on the desktop. The pixel is activated is and working fine.
I installed the Facebook Pixel Helper plug in for Chrome, and it detects the pixel on my page
I test the events by opening my website on desktop browser, the page view event is detected on the dashboard. The pixel can also detect other events I set, like contact, content view, etc. All works fine.
Problem: when I open my website from mobile browser (I tried mobile Chrome, Kiwi Browser, Samsung Browser), the dashboard didn't detect the page view event, as well as other events. I tried to open from another mobile phones, same result. I tried to deactivate all my WordPress plug-in to check if one of them is conflicting, but still same result. I inspected my website from mobile browser, it has the Facebook pixel script on the header part, just like on desktop browser, so it should be working fine.
Anyone knows the solution? I don't know what causes this problem. I use Hestia theme and Elementor for my WordPress website.
Try this steps:
1 ° Mobile usually has cache (I don't think so), but try to clear the caches and try again.
2 ° If there are cache plugins please clear all caches please (I don't think so)
3 ° Some themes are available in several headers and some of them are different for mobile and desktop, check if the headers are different and insert the tag manually if necessary in each header.
4 ° To check if everything is ok, with google chrome if you press f12 you have the option to choose a device for testing. Choose an Android or IOS phone from the emulators and reload the screen to test. In cell phones can be false / positive information received sometimes.
Try these options and update your question with new information to try to help you.
Due to Bootstrap upgrade, there has been lots of changes in the CSS in all pages of the web application that I'm working on. This application is also mobile optimized. So I have the task the checking the UI of all pages of our application accross most browsers - IE8,9,10,11 , chrome, firefox, ios and android devices(phone, 7 inch, 10 inch).
Right now, I'm opening the existing version(old bootstrap) and the updated version(New bootstrap) of my website in 2 tabs, and switch back and forth between them to find out any UI issues like alignment and color change and text size.
Is there a better way of doing this?
Yes there are somewhat solutions to it, which make cross-browser and multiple device testing easy. Some of them are:
Ghostlab: allows synchronized testing which means if you click or scroll in one browser it happens across all browsers. It has many other features but is only for Mac.
Grunt also allows for synchronized testing. Check this article
you can do cross browser testing within a browser using online services such as
Last thing I would mention is xip.io just check it out!!!
Chrome DevTools are awesome for this purpose. They allow you to override settings for different devices by Developer Tool>Settings>Overrides you can override following to emulate
User agents
Device metrics
Device orientation
Touch events
CSS media
I need to implement a video player that should play files(wmv, mpeg, mp4 etc..), I have tried object tag, but it requires media player plugin to play I dont want this kind. Somebody can suggest me.
Thanks in advance.
For playing Video in Website, the users need to download plugin (WMP or any other player). Without the plugin, Video cannot stream or play in browser.
Im trying to implement a mini browser in adobe air. The browser should work in the same ways as a mobile phone browser, i.e. fit the width of the website to a certain width(specified within the html component) and leave the height to be scrollable.
I have managed to do a mini browser by using the scaleX,scaleY properties of the mx:HTML component however these make the websites look unreadable.
I have also tried setting the css3 zoom property, and that works fine, but it only zooms out certain elements, therefore messing up the site layout.
My question is: Is there a way to make a mini web browser which shows the full content of the website?
Thanks for your help
Air browser cannot be scaled without have an horrible look (no anti-aliasing).
A few years later but here is what I ended up doing:
The requirement was to show the full website that person B was looking at so that person A could guide them through the site. Due to all the limitations of the Adobe AIR Browser we ended up using IECapt (http://iecapt.sourceforge.net/) within an external process to capture the screenshot and send it back to AIR.
This is all well and good, but IECapt is quite out of date as well so recently we have started to look at the using Chromium (http://www.magpcss.net/cef_downloads/) as an ANE within our application and with that we can alter the zoom and dimensions of the page while still being able to keep it up-to-date.
I had youtube channel where I had for in my web site to display this videos from youtube channel .I did my code well but I had a problem with IE browser the sound continuous after I closed the player as you must let the player work after it finished ,So what I can Do?
You probably didnt reset either the object or embed container or something.
Thing is that internet explorer embeds flash differently.
You probably just deleted the content element so it became invisible but did not unset the flash media.
consider using this widely used javascript library to take care of all that for you:
http://code.google.com/p/swfobject/