Author Topic: Video [Resolved]  (Read 151 times)

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Video [Resolved]
« on: October 11, 2017, 05:21:08 AM »
Hello,
I would like to add a video in the recipe cards.
Either in the place of the photo, or in addition to the photo (the easiest to do).
Is it possible by changing the code?

Thank you for your help.
Regards,
Bruno
« Last Edit: October 21, 2017, 02:49:43 AM by axip »

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #1 on: October 12, 2017, 12:07:58 PM »
I will check this and get back tomorrow..

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #2 on: October 13, 2017, 01:33:18 AM »
It's very nice ...
thanks a lot for your help

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #3 on: October 14, 2017, 01:20:20 AM »
You can change editor to advanced mode: insert images, videos..

In post.php, edit.php

replace this code:

Code: [Select]
tinyMCE.init({
theme: "simple",
mode: "textareas",
editor_deselector : "editor1",
onchange_callback: function(editor) {
        tinyMCE.triggerSave();
$("#" + editor.id).valid();
},
});

with this code:

Code: [Select]
tinyMCE.init({
        // General options
        mode : "textareas",
        editor_deselector : "editor1",
        height : '300',
        theme : "advanced",
        plugins : "autolink,style,advimage,advlink,insertdatetime,preview,media,contextmenu,paste,directionality,fullscreen,visualchars,xhtmlxtras,template",

        // Theme options
        theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
         theme_advanced_buttons3 : "styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,|,insertfile,insertimage,|,removeformat,visualaid,|,sub,sup,|,charmap,media,|,ltr,rtl,|,fullscreen",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Skin options
        skin : "o2k7",
        skin_variant : "silver",

        // Example content CSS (should be your site CSS)
        content_css : "css/example.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "js/template_list.js",
        external_link_list_url : "js/link_list.js",
        external_image_list_url : "js/image_list.js",
        media_external_list_url : "js/media_list.js",

        // Replace values for the template plugin
        template_replace_values : {
                username : "Some User",
                staffid : "991234"
        }
});
« Last Edit: October 14, 2017, 01:27:34 AM by alexa »

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #4 on: October 20, 2017, 05:20:05 AM »

Ah ... I had not thought of changing the tinyMCE !! Excellent idea !

Thank you very much for this help.
Regards,
Bruno

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #5 on: October 20, 2017, 05:41:42 AM »
I have a problem ...
As a result of code changes in the specified files, the video does not appear in the recipe card but it is a screenshot of my site that replaces this video ...
Cache emptied ...
However, when I define the link to the video in the edition, I see my video!

Here is a link to the form:
http://toutesmesrecettes.fr/recipe/171006124947/Tomates-farcies-!-version-gourmande

A solution ?
thanks a lot for your help

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #6 on: October 20, 2017, 06:55:23 AM »
Try this:

1. Click on Insert/Edit Embedded Media
2. Click On Source tab
3. Paste this code:
Code: [Select]
<video width="480" height="320" controls="controls">
<source src="http://toutesmesrecettes.fr/videos/tomates_farcies_gourmandes.mp4" type="video/mp4">
</video>
4. Click Insert

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #7 on: October 20, 2017, 07:04:59 AM »
I'm really sorry ... but it does not work either !!
There's something wrong I have to do !!

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #8 on: October 20, 2017, 07:13:47 AM »

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #9 on: October 20, 2017, 07:21:05 AM »
Also try put this code in post.php and edit.php

after:

Code: [Select]
mode : "textareas",

put this code:

Code: [Select]
convert_urls: false,
relative_urls: false,

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #10 on: October 20, 2017, 07:31:13 AM »
 :'(


I'm really not gifted ...!
Do you want admin access to my site? (in private)

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #11 on: October 20, 2017, 07:49:22 AM »
Yes, i also need temp ftp access.

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #12 on: October 20, 2017, 08:08:06 AM »
It's done in private message

Thank you

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #13 on: October 20, 2017, 08:46:35 AM »

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #14 on: October 20, 2017, 08:55:16 AM »

Indeed ...
When I do it does not work !!
I however copy your code on the test recipe to my recipe and ... nothing !!!
I do not understand!

Okay, no, I'll do without it !!
In any case, thank you for your precious help.

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #15 on: October 20, 2017, 09:07:54 AM »
First remove old code.

1. Click on Insert/Edit Embedded Media
2. Just in Source tab, not in general or advanced, paste this code:

Quote
<video width="480" height="320" controls="controls">
<source src="http://toutesmesrecettes.fr/videos/tomates_farcies_gourmandes.mp4" type="video/mp4">
</video>

4. Click Insert

Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #16 on: October 20, 2017, 09:32:26 AM »
This is what I did but still nothing ...

Sorry to bore you with my worries !!!

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video
« Reply #17 on: October 20, 2017, 02:11:59 PM »
Try this:

1. Click on Insert/Edit Embedded Media

2. General Tab -> Select HTML5 Video

3. General Tab -> File/URL -> http://toutesmesrecettes.fr/videos/tomates_farcies_gourmandes.mp4

4. Advanced Tab -> Alternative source 1  -> http://toutesmesrecettes.fr/videos/tomates_farcies_gourmandes.mp4

5. Advanced Tab -> Preload ->Preload Video Metadata

6. Advanced Tab -> Check Controls

7. Hit Insert


Offline axip

  • Sr. Member
  • ****
  • Posts: 17
  • Karma: +0/-0
Re: Video
« Reply #18 on: October 21, 2017, 02:48:59 AM »
Hello,

In fact I know why it did not work!
As soon as I edit the recipe from the admin part of the site, the video does not appear or more ...
However, if I do the manipulation from a member account, everything works.

I do not have to open the recipe card in the admin otherwise the video disappears again ...

In any case, thank you very much for your help.

Regards,
Bruno

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 459
  • Karma: +7/-1
Re: Video [Resolved]
« Reply #19 on: October 21, 2017, 11:05:18 AM »
Ok.  :)