Cannot embed video on html 5 publication using QX2017

Ask questions about creating HTML5 Publications (fixed or responsive) using QuarkXPress 2016 and 2017. HTML5 Publications allow you to create online publications with near-WYSIWYG typography and design and app-like interactivity – at no extra cost.

Cannot embed video on html 5 publication using QX2017

Postby joel08 » 12 Sep 2017, 05:22

Hi,

I cannot seem to embed a video at all, even with simple pages.

First thing I did was create a digital project:
Image

Then I created a simple text box with some text in it.
I opened the HTML5 tools from the menu bar 'Windows - Html5'
I created the following, so you can see the text box and the Video:
Image

From the menu bar, I then went to 'Layout - Preview HTML5 Publication'. This then opened up a page in Mozilla Firefox as follows:
Image

Then when I click on these links nothing happens.

Am I missing a step or something?
Why doesn't anything happen?

Also if I change this to select YouTube as in the image below, the webpage just has text on it and I cannot click on anything. There is no play button either. The Autoplay tick box is also greyed out below when YouTube is selected.
Image


Thank you in advance.
joel08
 
Posts: 11
Joined: 09 Sep 2015, 09:58

Re: Cannot embed video on html 5 publication using QX2017

Postby Matthias Guenther (Quark) » 12 Sep 2017, 05:42

Hi Joel,

when you reference YouTube videos, please use the src= option as mentioned in the manual:
http://files.quark.com/download/documen ... 017-EN.pdf
(Page 43)

Thanks
Matthias
Feel there should be more chatting, more tips, more user interaction?
Join us on Facebook, a forum-like group with over 2,000 QuarkXPress fans interacting:
http://www.facebook.com/groups/quarkxpress



Image
User avatar
Matthias Guenther (Quark)
Quarkian
Quarkian
 
Posts: 5246
Joined: 04 Jun 2004, 15:06
Location: http://bit.ly/QuarkHamburg

Re: Cannot embed video on html 5 publication using QX2017

Postby joel08 » 12 Sep 2017, 06:33

Thank you, but not sure quite what you mean. Do you mean to add in "src=" into the field like this?
Image

All the tick boxes are still greyed out though.
joel08
 
Posts: 11
Joined: 09 Sep 2015, 09:58

Re: Cannot embed video on html 5 publication using QX2017

Postby Matthias Guenther (Quark) » 12 Sep 2017, 07:26

You go to Shar ein Youtube, hit the embed button and it will give you some "code" like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/ChrsnNmbrs" frameborder="0" allowfullscreen></iframe>

Out of that you only copy
Code: Select all
https://www.youtube.com/embed/ChrsnNmbrs

and paste that in the "YouTube" field in the HTML5 palette.

Does it work now?

Thanks
Matthias
Feel there should be more chatting, more tips, more user interaction?
Join us on Facebook, a forum-like group with over 2,000 QuarkXPress fans interacting:
http://www.facebook.com/groups/quarkxpress



Image
User avatar
Matthias Guenther (Quark)
Quarkian
Quarkian
 
Posts: 5246
Joined: 04 Jun 2004, 15:06
Location: http://bit.ly/QuarkHamburg

Re: Cannot embed video on html 5 publication using QX2017

Postby joel08 » 12 Sep 2017, 09:58

Perfect thanks, I was using the wrong format. Rather than:

https://www.youtube.com/embed/nUCtrCvyjS8

I was using:

https://www.youtube.com/watch?v=nUCtrCvyjS8
joel08
 
Posts: 11
Joined: 09 Sep 2015, 09:58


Return to HTML5 Publications – from scratch and convert from Print

Who is online

Users browsing this forum: No registered users and 1 guest

cron