Fatal编程技术网
  • iframe/
  • 使用VideoJS、JWplayer等社交媒体上的视频iFrame标准。。在HTML5和Flash中

使用VideoJS、JWplayer等社交媒体上的视频iFrame标准。。在HTML5和Flash中

iframe

使用VideoJS、JWplayer等社交媒体上的视频iFrame标准。。在HTML5和Flash中,iframe,html5-video,tumblr,jwplayer,video.js,Iframe,Html5 Video,Tumblr,Jwplayer,Video.js,我正在尝试让tumblr接受video.js iframes。使用iFrame的Tumblr视频帖子的要求是什么？为什么他们接受一些iFrame而拒绝其他iFrame。facebook视频这样的元数据需要什么吗？主要社交媒体平台Tumblr、pinterest和twitter是否有可接受的iFrame标准的具体示例 编辑-我的错，我修复了videojs iframe，但对于在流行社交媒体中使用第三方播放器的视频iframe的任何提示，我们将不胜感激。。HTML vs flash vs metat

我正在尝试让tumblr接受video.js iframes。使用iFrame的Tumblr视频帖子的要求是什么？为什么他们接受一些iFrame而拒绝其他iFrame。facebook视频这样的元数据需要什么吗？主要社交媒体平台Tumblr、pinterest和twitter是否有可接受的iFrame标准的具体示例

编辑-我的错，我修复了videojs iframe，但对于在流行社交媒体中使用第三方播放器的视频iframe的任何提示，我们将不胜感激。。HTML vs flash vs metatags

特别是关于tumblr，它不再播放带有第三方iFrame的发布页面上的视频，只有youtube。。。并且没有生成拇指。我们如何在创作后生成海报或可播放的iframe

以下是我粘贴到tumblr中的iframe：

<iframe width="640" height="360" src="http://yourname.github.io/jwplayeriframe/" frameborder="0" allowfullscreen></iframe>



<!DOCTYPE html>
<html>
<head>
  <link href="http://vjs.zencdn.net/4.6/video-js.css" rel="stylesheet">
  <script src="http://vjs.zencdn.net/4.6/video.js"></script>
    <style type="text/css">
      html, body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
      }
      #example_video_1 {
        height: 100%;
        width: 100%; 
        padding: 0;
      }
    </style>

</head>
<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="" height=""
      poster="http://video-js.zencoder.com/oceans-clip.png"
      data-setup='{"techOrder": ["flash", "html5"]}'>
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
  </video>

</body>
</html>
关于这一点，你和JW玩家有什么问题吗？我已经解决了这个问题-但我将把这个问题留在这里，问一下你是否有关于JW 5和6的iFrame的任何提示。。如何与facebook pinterest tumblr等进行谈判。。特别是你在facebook上的输入可能会有所帮助，因为他们不久前已经切换了元标记。很高兴你得到了它。JW5和6在iFrame中应该可以正常工作，没有问题。从最近的视频播放问题到标签页问题，到他们自己的HTML指南不再可靠，再到我在指出API问题时从支持人员那里收到的完全粗鲁的消息，我不知道Tumblr HQ发生了什么。我很高兴你能让视频正常工作。我将不得不进一步研究这一点，因为它甚至不会显示像Vimeo这样的地方的视频iFrame。作为参考，Tumblr几天前在视频嵌入方面出现了抖动。所有内容都被包装在两个iframe元素中。不确定这是否导致了OPs问题，但现在已经解决了。