dvlden / vidage Goto Github PK

It will be nice if we can use youtube or vimeo for background video.

Unhandled Promise Rejection: NotAllowedError (DOM Exception 35): The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission

DEMO

TIP: webp image format is now supported by safari so it offer a great way to compress cover images from png or jpg

Stay Safe

npm install vidage --save

Inside of app.js:
import Vidage from 'vidage'

Upon compile, leads to following message:
ParseError: 'import' and 'export' may appear only with 'sourceType: module'

Seems like my main entry point in package.json should be changed...
main: "src/scripts/Vidage.js" → main: "dest/scripts/Vidage.min.js"

If anyone else has explanation and solution to this, other than what I think it might be, let me know in here...

Hi, just trying to pick a random video from an array on each load but it doesn't seem to work.

function randomvideo(){
    var num = Math.floor(Math.random() * (videosmp4.length));
    document.querySelector("#vidage > source:nth-child(1)").src=videoswebm[num];
    document.querySelector("#vidage > source:nth-child(2)").src=videosmp4[num];
    console.log(num);
}

it shows the link is changed in the html elements viewer, but does not actually alter the video. Am I missing something?

IE 10 and IE Edge works fine for me. Why in Readme:

Unfortunately, I was unable to determine the issue on Internet Explorer. It just shows up the cover image, but never plays the video. :'(

win7 64x, ie edge

For now Vidage just use display: none, but maybe remove <video> element from page?
Of course make this optional.

Why i'm asking for this?

I'm trying to use Vidage with https://github.com/alvarotrigo/fullPage.js and on desktops i need video to be autoplayed, but on mobile devices i need image instead. But fullPage.js starts video on mobiles.

Wait, what? It's seem like a trouble with fullPage.js not with Vidage

Yeap and nope. As i understand, Vidage's task is to define what to show: image or video, so i'm asking about this here

What do you think about this?

I thought that js script will auto insert/create css rules for background image, but it didn't.

Maybe i'm doing smth wrong?

I have Vidage as dependency and tooled gulp task for copying .min.js file, unfortunately in last 0.1.3 release Vidage.min.js is missed

Only in Android mobile QQ, when open a web page with Vidage, it automatically plays the background video instead of the background image.

Hi, I'm using Vidage 0.3.0 on this site. I'm on Windows and am unable to try to debug the Safari version, but am getting reports it's not working in Safari. It's working for me in Chrome. I'm told the demo is working. Any ideas? Thanks.