html - Share HTML5 player on Facebook wall

Question

Welcome To Ask or Share your Answers For Others

html - Share HTML5 player on Facebook wall

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

html - Share HTML5 player on Facebook wall

I have a player both in Flash as well the same in HTML5 version. I am calling a page through iframe which detects the browser and device and loads the player accordingly and it is working fine.

Before the HTML5 version of the player I was able to share the Flash player to Facebook. But how do we make it workable with HTML5 player? If I share the iframe page it doesn't work nor the video doesn't play.

I find that youtube is able to do the same what we require, please advice and help how to accomplish the requirements.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T17:48:29+0000

Check the section corresponding to audio and video data on the open graph documentation page.

You will need to add the following open graph tags to the resource page as given in the documentation.

<html xmlns:og="http://ogp.me/ns#"> 
    <head>
        ...
        [REQUIRED TAGS]
        <meta property="og:video" content="http://example.com/awesome.swf" />
        <meta property="og:video:height" content="640" />
        <meta property="og:video:width" content="385" />
        <meta property="og:video:type" content="application/x-shockwave-flash" />
        <meta property="og:video:secure_url" 
              content="https://secure.example.com/awesome.swf" />
        <meta property="og:video" content="http://example.com/html5.mp4" />
        <meta property="og:video:type" content="video/mp4" />
        <meta property="og:video" content="http://example.com/fallback.vid" />
        <meta property="og:video:type" content="text/html" />
        ...
    </head>

Categories

html - Share HTML5 player on Facebook wall

html - Share HTML5 player on Facebook wall

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags