Author Topic: Video  (Read 33 times)

Offline axip

  • Sr. Member
  • ****
  • Posts: 13
  • Karma: +0/-0
Video
« 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

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 446
  • 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: 13
  • 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: 446
  • 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: 13
  • Karma: +0/-0
Re: Video
« Reply #4 on: Today at 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: 13
  • Karma: +0/-0
Re: Video
« Reply #5 on: Today at 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: 446
  • Karma: +7/-1
Re: Video
« Reply #6 on: Today at 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: 13
  • Karma: +0/-0
Re: Video
« Reply #7 on: Today at 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: 446
  • Karma: +7/-1

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 446
  • Karma: +7/-1
Re: Video
« Reply #9 on: Today at 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: 13
  • Karma: +0/-0
Re: Video
« Reply #10 on: Today at 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: 446
  • Karma: +7/-1
Re: Video
« Reply #11 on: Today at 07:49:22 AM »
Yes, i also need temp ftp access.

Offline axip

  • Sr. Member
  • ****
  • Posts: 13
  • Karma: +0/-0
Re: Video
« Reply #12 on: Today at 08:08:06 AM »
It's done in private message

Thank you

Offline alexa

  • Administrator
  • Hero Member
  • *****
  • Posts: 446
  • Karma: +7/-1
Re: Video
« Reply #13 on: Today at 08:46:35 AM »

Offline axip

  • Sr. Member
  • ****
  • Posts: 13
  • Karma: +0/-0
Re: Video
« Reply #14 on: Today at 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: 446
  • Karma: +7/-1
Re: Video
« Reply #15 on: Today at 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: 13
  • Karma: +0/-0
Re: Video
« Reply #16 on: Today at 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: 446
  • Karma: +7/-1
Re: Video
« Reply #17 on: Today at 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