A big MP4 file(750M) need to embed XWD

Hello everyone,

I feel guilty, every time I met problems just thinking back here. Sorry!!

I have a big MP4 file(750M) need to embed XWD, but I don't know how to do it. I have tried before Siran helps me do this sample, but I really forgot how to use it, can someone explain more precisely for me.

Best,

Alexia

On page 2 (sample01) select the text placeholder ( Attachment: vid640.mp4 ) and press SHIFT + CTRL + ALT + D to remove the current video file.
Then press SHIFT + CTRL + ALT + A to attach your own mp4 file. ( Optionally change the placeholder text to match the file name. ) Be aware that this will blow up the size of your design file. (Alternatively use a support folder or upload your video file with a FTP tool.)
Select the black rectangle and edit the placeholder code. ( There are multiple ways to do that, a double-click should open the placeholder properties tab. )
On the placeholder properties click the HTML code (body) button. This should open a text box containing the code.
Replace the video file name with the name of your own video. Don't change the index_htm_files/ part, Xara will automatically put the video file in a sub-folder and adapt the name if your first page is not named index.htm.
Click OK and click Apply.
At this point you should be able to save and test the change.
To do so save and export to HTML and then check if Xara has placed your video file in the index_htm_files sub-folder (only in case you don't upload manually off course).
If it is there you can check if the video plays by double-clicking the sample01.htm (or whatever you renamed the page to) file.
If it plays then you should change the thumbnail to match your video. Go to page 1 and display the video-links layer. (I recommend to click the S icon in the page and layer gallery to go to solo mode.)
Replace the thumbnail of the bunny with your own, but make sure the object you replace it with has a link to page 2.
Then change the image caption text to what you would like to be displayed as a heading for your video.
End the solo mode by clicking the S icon again. Save and export or preview all pages...

If anything goes wrong please tell us about it.

Siran,

Thank you so much do this detail explain for me, I have changed the MP4 file and thumbnail, but my mp4 is quite big so I changed the page size to 1024*768, but when is running the mp4 film can not full on the screen and have right and bottom scroll there as attachment. How do I let the scroll disappear and let the film full on the screen.

Best Regards,

AlexiaAttachment 119408

Will try this evening. But as far as I remember you only need to adjust the page and placeholder sizes. But you need to add 144 pixels height to the placeholder on page 1.

Just tried and it seems to work.

Siran,

I will try it and let you know the result, thank you!

My Best Regards,

Alexia

Siran,

Do you have any ideas, why the right side is empty??Attachment 119418

Thank you very much & Best,

Alexia

I assume the video is less than 1024 pixels wide.
You can compensate this by adding width=1024 to the video tag in the placeholder body code on page 2, not that I would recommend to use this example with differing video sizes.

Siran,

You are right, it is 720*480. Siran, if I want to add a new thumbnail icon, how should I do? and I want to copy this sample to my own homepage, how should I add it in my page. seems copy can't do it.

Best,

Alexia

If you want to keep everything within one design file then first copy the complete sample01 page to your project (use the page and layer gallery for this).
Then copy the video-links layer of page one to the page where you want to place the video player (also use the page and layer gallery for this).
Then copy the placeholder and heading of page one to the same page and to the correct layer (usually MouseOff).
That should do it. It won't play in the internal preview viewer though, you need to open a real browser.

Siran,
Thank you, I checked my MP4 is 1280*720, do I need to change something to fit it??
Best,
Alexia

I think you have three options.
1. Recode the video to match the placeholder sizes.
2. Resize the placeholders.
3. Scale the video during playback (by adding width and height attributes to the video tag).

Siran,

Thank you:)
My Best Regards,

Alexia

Hi Siran,

I have another question, one of the thumbnail films which I need to make it direct back to index(home page), I set up the link to the "index.htm", but the page just including in the video frame page(video show area ), how do I set up to direct back my index page??

Attachment 119447

Best,

Alexia

First I thought you just can't do that. But at second thought you might use a trick...
Create another page just like a local video page and link to it in the video-links layer.
Remove everything from the new page.
Place a button on that page that links to the home page, but change the "Open link" property to "Parent frame".
Add a small script that auto-executes the link when loaded to the placeholder body code.

Code:

---

<script>
(function(){var s=document.getElementsByTagName('script');return s[s.length-1];})().parentNode.parentNode.click();
</script>

---

See example.

Siran,

It's a good idea, sorry, always challenging your ideas.

I tried to published this new video page today, I met a problem, I need to use WMV format, which place I need to change.
I have changed the sample01--<source src="index_htm_files/produce.wmv" type='video/wmv'>

Do I miss something? Finally, still pop up message "the format invalid".

My Best Regards,

Alexia

I strongly recommend to convert the file to mp4. Please have a look at https://developer.mozilla.org/en-US/..._compatibility
wmv is not even mentioned...

Siran,

You are right, I really did the video in MP4, but when I published to the server, the file couldn't be accepted it. only accept wmv file format.

Best,

Alexia

You might have the admin of the server check the mime type for mp4 files.

Hello Siran,

Thank you so much for all your help.

My Best Regards,

Alexia