Youtube videos on popup

Hello all.

There is a way how to implement this function on Hype
http://jsfiddle.net/Varinder/WkyPc/1/

What I need is to put the youtube video above all objects in the screen.

The thing is that I don’t undestard the javascript use on Hype about using a div or similar to put the video.

Thanks.
Nahum

I second this request.

here’s is a hypeapproach
give the callerbutton the youtube-src-url as id (missused id here – @hype at the moment you can’t use dataattributes via UI) and apply js-funtion with name play

youtuber.hype.zip (791.4 KB)

3 Likes

I managed to get it work using this source: http://sorgalla.com/lity/

YouTube.hype.zip (93.3 KB)

1 Like

this is easy to implement.
but as far as you can do something with hype with less effort i wouldn’t want to rely on third party libraries.
because
1.) loading time increases
2.) disorders may occur which are difficult to manage
3.) function and design are much more adaptable when built within hype

my fifty cents :wink:

Hello,

I did not find where to custom or change the You tube video URL in your Hype document, would you please clarify ?

Thanks

Hi Alex!

Look in the “play” function script. Note the first line… :wink:

window.myUrl = element.id;	
var symb = hypeDocument.getSymbolInstanceById('youtuber')
symb.startTimelineNamed('start', hypeDocument.kDirectionForward);

The “play” button triggers that function. The “id” of the button is:
https://www.youtube.com/embed/qk7Xt4X0qyw?list=RD5tZaGBxr-9s

play%20btn%20id

with hype 4 you can store data-attributes instead to missuse id’s so … :slight_smile: the example is three years old …

1 Like

Hello,

Thanks.

I replaced that URL with our local hosted video url, but the video does not show up FOR MOBILE MODE.

https://www.lovcour.com/wp-content/uploads/sites/2/2018/09/Brazilian-Acai-Juice-by-Dr.-Tim.iphone4.mp4?_=1

You can check at https://www.lovcour.com/test/

or this hype document:
youtuberbyh_classen.hype.zip (826.5 KB)

we usually use YOUKU since Youtube does not cover China market like this one.

https://v.youku.com/v_show/id_XNDE4NTUyMjAzMg==.html?spm=a2hzp.8244740.0.0

you can find the embedded code at:

<iframe height=498 width=510 src='http://player.youku.com/embed/XNDE4NTUyMjAzMg==' frameborder=0 'allowfullscreen'></iframe>

It would be great if you could show a example for local hosted video or for that Youku video.

Thanks so much.

as you’ll notice, the url is used as src for an iFrame … not file, not embed …

Tks you for popup function