javascript - 嵌入式代码中的问题。视频不在共享平台上播放

标签 javascript reactjs youtube share embed

我正在开发一个视频应用程序。将视频链接共享到youtube等任何平台时,我需要播放视频。如下所示:

enter image description here

但就我而言,它仅显示说明和拇指图像。我尝试过使用许多元标记,但是无法使用任何元标记。我尝试过使用与youtube相同的元标记,但也不起作用。

您能帮我解决这个问题吗?

元标记

    <meta name="apple-itunes-app" content="">
    <meta property="fb:app_id" content="">
    <meta property="og:url" content="">
    <meta property="og:site_name" content="">
    <meta property="og:type" content="video.movie">
    <meta property="al:ios:app_name" content="">
    <meta property="al:ios:app_store_id" content="">
    <meta property="al:android:app_name" content="">
    <meta property="al:android:package" content="">
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <meta property="og:image" content="">
    <meta property="og:image:width" content="">
    <meta property="og:image:height" content="">
    <meta property="og:type" content="article" />
    <meta property="og:video:type" content="application/x-shockwave-flash" />
    <meta property="og:video:url" content="" />
    <meta property="og:video:secure_url" content="" />
    <meta property="og:video:width" content="" />
    <meta property="og:video:height" content="" />
    <meta property="og:video" content="">
    <meta property="og:video:secure_url" content="">
    <meta property="og:video:type" content="text/html">
    <meta property="og:video:width" content="">
    <meta property="og:video:height" content="">
    <meta property="al:ios:url" content="">
    <meta property="al:android:url" content="">

    <meta name="twitter:site" content="">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:app:name:iphone" content="">
    <meta name="twitter:app:id:iphone" content="">
    <meta name="twitter:app:name:ipad" content="">
    <meta name="twitter:app:id:ipad" content="">
    <meta name="twitter:app:name:googleplay" content="">
    <meta name="twitter:app:id:googleplay" content="">
    <meta name="twitter:title" content="">
    <meta name="twitter:description" content="">
    <meta name="twitter:image" content="">
    <meta name="twitter:image:width" content="">
    <meta name="twitter:image:height" content="">
    <meta name="twitter:player" content="">
    <meta name="twitter:player:width" content="">
    <meta name="twitter:player:height" content="">
    <meta name="twitter:app:url:iphone" content="">
    <meta name="twitter:app:url:ipad" content="">
    <meta name="twitter:app:url:googleplay" content="">

最佳答案

<iframe width="1280" height="720" src="https://www.youtube.com/embed/sBws8MSXN7A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

首先,您已在iframe中设置了网址。
youtube共享的URL格式为https://youtu.be/sBws8MSXN7A,您必须将其转换为https://www.youtube.com/embed/sBws8MSXN7A
所以用JS格式化

关于javascript - 嵌入式代码中的问题。视频不在共享平台上播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56506108/

相关文章:

javascript - 如何减少移动网络应用程序播放声音的延迟

javascript - 客户端数据到服务器端

javascript - Reactjs/Redux 编辑功能不起作用

java - Google YouTube API - 无人值守上传

php - 只能发布 2 分钟以内的 YouTube 视频

javascript - Uncaught Error : [$injector:modulerr] but not ng-route

javascript - 我怎样才能提前停止功能?

javascript - React-chart 不渲染 PIE 图表的图例

reactjs - 具有默认值的文本区域未更新

c# - 无论如何,是否可以通过Everyplay检索上传到youtube的视频的URL?