the mmenu sliding has an lagging effect... is it possible to do with CSS3 transitions ? the jquery mobile doesnt have this problem... but I need this plugin mmenu help me...
The problem is only on mobile devices ... on computer it works smooth...
jQuery(function() {
jQuery('nav#menu').mmenu({
classes: 'mm-light',
},{
transitionDuration : 0,
});
});
I tried to disable with "transitionDuration" but no luck...
Related
i need to stream a video over webrtc & play it on web page, it works properly on all desktop browser window & mac os. it works on android browsers too. but on safari iOS the video is rotated as landscape. it's rotated on both ( when capturig the video with iOS safari and when receiving the stream on chrome or safari desktop).
I tested it with the default basic getUserMedia example demo on webrtc site with safari iOS ans its the same issue. how can fix it or if any other solution please ?
Something that may be relevant that I've come across -
Requesting { width: 640, height: 480 } on iOS in portrait mode will return a camera MediaStream which is { width: 480, height: 640 }, and on orientation change the MediaStream flips its dimensions. Be careful around hardcoding the html elements width and height. Can cause warping. People should stick to known resolutions e.g those listed in en.wikipedia.org/wiki/Display_resolution. When you use an atypical resolution WebRTC spec states the browser will try emulate your desired feed. However this makes poor cross-browser code. If you want a consistent camera feed I would avoid this.
source:
getUserMedia (Selfie) Full Screen on Mobile
I'm building an application on Nativescript-vue where I'm using webview to play HTML5 video player in it. I want this video player to go fullscreen but I'm to able to see any controls, I did some research and I came to know that it I need to give permission for fullscreen.
<WebView #loaded="onWebViewLoaded($event)" :src="url_to_be_fetched" />
In my webview I required local storage access also which I overcome by:
onWebViewLoaded(args) {
console.log('check on load');
const webView = args.object;
if (webView.android) {
webView.android.getSettings().setDomStorageEnabled(true);
webView.android.getSettings().setDatabaseEnabled(true);
}
},
I came across the same issue but with angular AllowFullScreen in webview nativescript (angular)
I'm not sure how to implement in my vue app. I'm sure there must be some way out to it. Help me out, Thanks.
How can i make a webView in NativeScript fullscreen including the statusbar. Not hide the statusbar only but the webview behind the statusbar like do this cordova.
And how can i prevent the webview of scrolling/bouncing
Thank you
UPDATE:
What i mean with the statusbar/fullscreen and cordova is in cordova is the statusbar transparent and the web view fullscreen.
and the other question is about the bouncing, in cordova can i prevent the webview from bouncing with this in the config.xml
<preference name="webviewbounce" value="false" />
Update:
The solution for the bounce is this:
var webView = page.getViewById('webView');
webView.ios.scrollView.bounces = false
How can make the statusbar transparent?
The solution was on the end.
ios:
put this in the plist file to make the statusbar "transparent"
<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleLightContent</string>
<key>UIViewControllerBasedStatusBarAppearance</key>
create a ios only file with this content to but the webview under the status bar
#webView{
margin-top: -20;
}
and add this to the page loaded function to prevent the webview of bouncing
if(page.ios){
webView.ios.scrollView.bounces = false
}
android:
is much simpler but this in the page wrapper of the webview to hide the titlebar
actionBarHidden="true"
i hope this helps anyone
I'm not following your question in regards to the statusbar and Cordova. However for the bouncing, the simplest option is to use this plugin which already has the native code for both iOS/android to remove the scroll bounce. See here: https://github.com/TheOriginalJosh/nativescript-swiss-army-knife#common-functions
If you can expand a bit more about what you want to do with the statusbar I can help there. I have a blog post detailing the android statusbar and navigation bar and a few things you can do natively with it in a few lines of code. https://bradmartin.net/2016/03/10/fullscreen-and-navigation-bar-color-in-a-nativescript-android-app/
I am using the LazyLoad plugin on a column of images and it works fine in Chrome and Firefox but its messing up in Safari 5.1.7. When scrolling past the fold images are looping within the first data-original. Any ideas why?
$(function() {
$("img.scale-with-grid").lazyload({
effect : "fadeIn",
});
});
Try setting the css for the images to display:block.
I'm having a really strange issue, I have a flowplayer video, and next to that is an image that when clicked shows in a fancybox, in webkit, mozilla it works fine, but IE decides to put the video in front of the slide.
I thought this might be related to the z-index, but everything seems fine there. Fancybox gives the loading image a z-index of 1200 which is way above what it needs to be.
Here is a link to the page
http://bit.ly/bEechI
i got the same problem, if i figure it out, i'll let u kno
answer: changing the wmode to transparent should fix it.
flowplayer("myDiv", {src: '/flowplayer.swf', wmode: 'transparent'}, {
// flowplayer config
});