How to put two videos below in the background of the site? - background

When I put two videos, the videos are placed on top of each other or with a space.enter image description herelike this
I posted two videos with different classes, but no matter what I do, the background doesn't turn out the way I want.enter image description here
I want it to be like this

Related

Magnific Popup - Can you create 2 different Galleries on the same page?

I am trying to optimize a website. I am trying to reduce the photo sizes when loading on mobile. I can change the preview image based on a media query which is helpful but when you click on the gallery the image size does not change based on that media query. It is always the size you set as the tag. My first though was to create two galleries that appear when it is hit by a media query. But, when I created the second one it just combined both galleries (with the different resolutions of photos) so instead of 44 images you get 88. Is there a way to go about this? Where you have a reduced image quality gallery that is loaded when on a simulated mobile device and a full quality gallery that is loaded otherwise.

"Spotlight" trancparency

I am creating a medical image application. I have two images. The first is identical to the second except that the it has a skeleton superimposed over it. I would like when the user moves the mouse over the overlaid image a spotlight area of transparency will show the image underneath. I have done this with javascript on web pages but I can't find how to do it with VB 2015. I was able to sort of make it work using 21 separate images and swapping them but it's messy and doesn't work well.

How to adjust photos for google cardboard

I have several pairs of photos that I want to display on a google cardboard viewer. When I combine the images and put them next to each other as 2 square pics (one for each eye) they are distorted in the corners. Looking at a few images on the screen they have a pincushion effect. How do I replicate this pincushion effect? What parameters and values am I looking at? Ideally I'd like a solution in photoshop for example.
I did find this
Google Cardboard default distortion values
But I'm not developing an app to do this.
Thanks

Camera API (Detect good pictures, rule of thirds etc)

So I am working on an app that will be taking pictures. I am using OpenCV to do things like detect that people are present in the picture. However what I would like to be able to do is detect if the picture is "good".
I am not sure exactly how to approach it but some ideas are:
I want to either detect a picture follows the rule of thirds. If it does not it could adjust the camera.
Have different types of pictures. So sometimes take a picture of a group and other times individual shots.
I think it may be easiest to take the picture and then try and crop it to meet one of these requirements? But I was wondering if there is any api or something that would be helpful for this?

Best way resize photo gallery for preview

My app has more then 1000 photos and 50 galleries. It looks like as iphone Photos app. In preview list of gallery I have problem with performance.
In profile I saw what [sourceImage drawInRect:thumbnailRect] take 96% of time.
What is the best way to fix this issue?
Duplicate with small size of images I did.
Perhaps there is another solution?
Best way is to create thumbnail images for every Image File and save them as thumb_orginalimagefilename.png.
You can batch edit images in many desktop publishing programs.
Photoshop or Fireworks. In Picasa you can just multi-select a ton of images, like an entire folder and then Export to File and choose the output size
Create three large images that contain all of the thumbs in each gallery and load them in one UIScrollView with semi-transparent UIImageButtons over the locations where the thumbs appear in the image.
This could prove faster, since you only load one image per gallery, but you would have to try it to find out. I have done this before as it helped to reduce the size of my app.