Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Alex 1 post 71 karma points
    Feb 02, 2017 @ 00:10
    Alex
    0

    Display Video on Content Page (Embed or Link to YouTube)

    Hello,

    User of Umbraco version 7.4.3 assembly: 1.0.5948.18141.

    I am having trouble with the whole video display process.

    The goal is to have a Video display on one of my content pages.

    I have a video on YouTube, I also have access to the original MP4 file. I would prefer to do this via YouTube if possible.

    I have a folder inside my Media directory, I have clicked the three dots next to my folder (...) and selected "Youtube video" under the 'Create an item under (Folder Name)' that pops out.

    I then paste the Video URL (in the format 'https://youtu.be/XXX'). Now, there is also a spot to upload an image, I'm sure this is for the video Thumbnail. If I do not upload a Thumbnail, the media is not able to be selected from the Media Picker tool on the content page. If I provide a Thumbnail, I can select the item, so I put in a png file.

    Now, on my content page, via Media Picker, I insert this file.

    The Result: A PNG image on the content page, even when published.

    I am not sure what I am doing wrong, it seems to be all straight forward, but it is not working.

    I have also tried pasting the YouTube provided embed link (uses an iFrame), but this obviously does not work as the html code is just output as plain text.

    I have searched high and low for help on displaying YouTube videos in Umbraco, but to no avail. If I visit the Documentation section of Umbraco and type 'Youtube', no results are returned.

    I have inherited this site to make some changes, so I am not fully familiar with Umbraco. I am beginning to think the 'Youtube video' media type available to me has been created by someone else (not Umbraco), and done so incorrectly...

    Any assistance, links to instructions etc, is greatly appreciated.

  • Anamarija Horvat 25 posts 140 karma points
    Feb 09, 2017 @ 21:56
    Anamarija Horvat
    0

    For youtube video just use textstring, and enter embeded link for example:

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

    And in your html display it in iframe

    <iframe src="@CurrentPage.textstring" frameborder="0" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" ></iframe>
    
  • Dave Woestenborghs 3504 posts 12133 karma points MVP 8x admin c-trib
    Feb 18, 2017 @ 10:33
    Dave Woestenborghs
    0

    Hi Alex,

    I created a property editor that supports embedding video's from Youtube, Vimeo, etc... I uses the same process as the embed option in the Rich Text editor.

    It also allows for creating a list of embedded video's.

    https://our.umbraco.org/projects/backoffice-extensions/oembed-picker-property-editor/

    Docs can be found here : https://bitbucket.org/dawoe/embed-property-editor

    Dave

Please Sign in or register to post replies

Write your reply to:

Draft