如何使我的HTML网页具有HTML5视频来共享指向Facebook的链接以播放直列？

发布于 2025-01-19 08:56:46 字数 2425 浏览 2 评论 0原文

我有一个HTML网页，上面有HTML5视频。我包含了以下所有必要的元标记：

<meta property="og:video" content="http://www.trending-videos.epizy.com/myvideo.mp4" />
<meta property="og:video:secure_url" content="https://www.trending-videos.epizy.com/myvideo.mp4" /> 
<meta property="og:video:type"       content="video/mp4" /> 
<meta property="og:video:width"      content="500" /> 
<meta property="og:video:height"     content="280" />

页面的完整HTML代码如下：

<html>
    <head>
        <title>Video Title</title>
        <meta property="og:image" content="https://picsum.photos/200" />
        <meta property="og:video" content="http://www.trending-videos.epizy.com/myvideo.mp4" />
        <meta property="og:video:secure_url" content="https://www.trending-videos.epizy.com/myvideo.mp4" /> 
        <meta property="og:video:type"       content="video/mp4" /> 
        <meta property="og:video:width"      content="500" /> 
        <meta property="og:video:height"     content="280" />
    </head>
<body>
     
    <video width="320" height="240" controls>
        <source src="https://www.trending-videos.epizy.com/myvideo.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        Your browser does not support the video tag.
    </video>
    
</body>
</html>

我在Stackoverflow上搜索并应用了许多解决方案，但它们都没有使用。其中一些正在遵循：

在网站上在网站上共享html5视频到Facebook

a href =“ https://stackoverflow.com/questions/28815838/28815838/embedding-video-player-html5-iframe-inframe-in-facebook-facebook-share-share-share-share-like-youtube”>嵌入视频播放器html5 facebook中的iframe在Facebook中分享 embed html5 facebook中的html5视频播放器

> stackoverflow.com/questions/54423319/make-ogvideo-play-play-inline-whatsapp-and-facebook"> make og：视频播放Inline WhatsApp和Facebook

等等，还有更多，但它们都对我有用。在

当我使我的网页在Facebook上可以共享。当我共享指向Facebook的链接时，我的网页上的此视频应与视频的缩略图一起在Facebook上播放。我不想显示图像缩略图而不是视频缩略图。

注意：我从Zerossl获得了免费的SSL。现在在Facebook调试器中获取此消息

无法验证SSL证书。它是自签名的（这会引起浏览器警告），或者是无效的。

原文

I have an HTML webpage that has HTML5 video. I have included all the necessary meta tags that are following:

<meta property="og:video" content="http://www.trending-videos.epizy.com/myvideo.mp4" />
<meta property="og:video:secure_url" content="https://www.trending-videos.epizy.com/myvideo.mp4" /> 
<meta property="og:video:type"       content="video/mp4" /> 
<meta property="og:video:width"      content="500" /> 
<meta property="og:video:height"     content="280" />

My full HTML code of the page is following:

<html>
    <head>
        <title>Video Title</title>
        <meta property="og:image" content="https://picsum.photos/200" />
        <meta property="og:video" content="http://www.trending-videos.epizy.com/myvideo.mp4" />
        <meta property="og:video:secure_url" content="https://www.trending-videos.epizy.com/myvideo.mp4" /> 
        <meta property="og:video:type"       content="video/mp4" /> 
        <meta property="og:video:width"      content="500" /> 
        <meta property="og:video:height"     content="280" />
    </head>
<body>
     
    <video width="320" height="240" controls>
        <source src="https://www.trending-videos.epizy.com/myvideo.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        Your browser does not support the video tag.
    </video>
    
</body>
</html>

I have searched on stackoverflow and applied many solutions but none of them worked. Some of them are following:

Share html5 video on website to facebook

Embedding video player html5 iframe in facebook share like YouTube Embed html5 video player in facebook

Make og:video play inline whatsapp and facebook

And many more but none of them worked for me. I can see the og:image when I debug my link at Facebook Debugger

I just want to make my webpage to be shareable on facebook. And when I share the link to facebook, this video on my webpage should play in Facebook along with the thumbnail of the video. I don't want to show image thumbnail instead of the video thumbnail.

NOTE: I got Free SSL from zeroSSL. Now getting this message in Facebook debugger