标签: embed

将 SVG 嵌入 HTML(特定于 Opera)

我想将 SVG 图像嵌入到 Opera 的 UserJS 脚本中。问题是如何在加载的页面上显示此图像?

我使用 显示 PNG 图像<img src='data://image/png;base64,...'>,但未显示以这种方式使用的 SVG 图像。使用外部 SVG 文件是可以的,但不是“data://image/svg+xml,...”。

我无法将 SVG 代码直接嵌入 HTML,因为并非每个页面都是 XHTML。我可以使用<object type='image/svg+xml' data='data://image/svg+xml,.../>,但随后 'click' 事件对它不起作用。

html embed opera svg

4
推荐指数
1
解决办法
3382
查看次数

允许用户仅使用 URL 嵌入推文

我想通过仅输入推文的 url 为用户提供发布推文的选项(即他们会粘贴https://twitter.com/inspiredmag/status/342771390283411456然后实际的推文嵌入代码,一旦收到将被保存进入数据库以供稍后显示)。我对 twitter api 不太熟悉。我假设一旦用户输入 url 并点击提交,我将能够获得嵌入代码然后保存它。有没有办法在提交之前抓住它并向用户显示预览?

embed api twitter ajax

4
推荐指数
1
解决办法
1505
查看次数

当我点击视频时,如何使用 Javascript 切换多个视频的播放/暂停?

当我onclick="playPause()"只添加一个视频时,效果很好。我点击视频,它就会按照我的意愿播放或暂停。如果我有多个视频,即使这些视频具有不同的 ID(例如:video id="v1"video id="v2"),每当我点击一个视频时,它始终会播放一个特定视频。在多个视频上使用此脚本似乎只允许在一个视频上切换播放/暂停。这是我正在使用的 html 和脚本:

<video id="v1" width="480px" height="267px" controls onclick="playPause()">
<source src="S12E13%203%20Acts%20of%20God.mp4" type="video/mp4">
</video>
    <script> 
var myVideo = document.getElementById("v1"); 
function playPause() { 
if (myVideo.paused) 
    myVideo.play(); 
else 
    myVideo.pause(); } 
    </script>


<video id="v2" width="480px" height="267px" controls onclick="playPause()">
<source src="S12E13%203%20Acts%20of%20God.mp4" type="video/mp4">
</video>
    <script> 
var myVideo = document.getElementById("v2"); 
function playPause() { 
if (myVideo.paused) 
    myVideo.play(); 
else 
    myVideo.pause(); } 
    </script>


<video id="v3" width="480px" height="267px" controls onclick="playPause()">
<source src="S12E13%203%20Acts%20of%20God.mp4" type="video/mp4">
</video>
    <script> 
var myVideo = document.getElementById("v3"); 
function playPause() { …
Run Code Online (Sandbox Code Playgroud)

html javascript embed video

4
推荐指数
1
解决办法
1万
查看次数

嵌入谷歌地图改变网站字体

我正在创建一个联系页面,在该页面上我想要一张指向我所在位置的地图。看这里!

问题是,一旦我嵌入了地图,页面上的字体就会发生变化(通过浏览该域的其他页面来亲自查看)。嵌入有 2 个部分

:头部标签之间的代码

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
   <style>#gmap_canvas img{max-width:none!important;background:none!important}</style>
Run Code Online (Sandbox Code Playgroud)

身体标签之间的代码

 <div style="overflow:hidden;height:400px;width:450px;">
             <div id="gmap_canvas" style="height:400px;width:450px;"></div>
             </div>
<script type="text/javascript"> 
function init_map(){
    var myOptions = {
        zoom:11,
        center:new google.maps.LatLng(46.0475235,20.096552599999995),
        mapTypeId: google.maps.MapTypeId.TERRAIN};

    map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
    marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(46.0475235, 20.096552599999995)});
    infowindow = new google.maps.InfoWindow({
        content:"<b>MEGA d.o.o.</b><br/>Nenada Valceva 39<br/>23330 Novi Knezevac" });
        google.maps.event.addListener(marker, "click", 
        function(){infowindow.open(map,marker);
    })
   ;}

    google.maps.event.addDomListener(window, 'load', init_map);
  </script>
Run Code Online (Sandbox Code Playgroud)

通过添加和删除代码,我发现第二部分中的脚本导致了问题。但是,我不知道如何纠正这个问题,并使页面以漂亮、整洁的字体显示,就像其他人一样。

embed fonts google-maps

4
推荐指数
1
解决办法
1478
查看次数

如何从嵌入标签访问#document 的 dom 元素?

我有一个带有 embed 标签的标记想要访问#document内容。

在此处输入图片说明

试图遍历直到获取后嵌入标签无法访问内部节点但是有一个可用的函数getElementByTagName()getElementByClassName()但它没有帮助

var embedContent = document.getElementById('embed1')
var parentContents = x.parentElement.parentNode.lastElementChild.getElementsByTagName('embed')
> [function, embed1: function]
Run Code Online (Sandbox Code Playgroud)

下面能够在此之后访问嵌入标签如何获取相应标签的值

在此处输入图片说明

在此处输入图片说明

有没有其他方法可以实现这一点?如果是,请提供任何网址或示例。

html javascript embed jquery dom

4
推荐指数
1
解决办法
2532
查看次数

将 instagram/youtube 嵌入到 Shiny R 应用程序中

我想在点击图表时播放 instagram 或 Youtube 视频(例如显示异常值等)

到目前为止,明确告诉 Shiny 视频是什么作品:

require(shiny)
require(ggplot2)

# data
df <- data.frame(ID=c(1,2),x=c(33,7),y=c(50,16),name=c("Vid1","Vid2"),link=c("https://www.youtube.com/embed/Gyrfsrd4zK0","https://anotherlink.com"), stringsAsFactors=FALSE)

# video is explicitly embedded with the youtube link (i.e. not dynamic)
ui <- basicPage(
  plotOutput("plot", click = "plot_click"),
  verbatimTextOutput("selection"),
  conditionalPanel("plot_click!=null",
                   h4(textOutput("nametext")),
                   HTML('<iframe width="200" height="100" src="https://www.youtube.com/embed/Gyrfsrd4zK0" frameborder="0" allowfullscreen></iframe>'))
)

server <- function(input, output,session) {

  output$plot <- renderPlot({
    ggplot(data=df,aes(x=x,y=y))+
      geom_point()+
      scale_x_continuous(limits = c(0, 68))+
      scale_y_continuous(limits = c(0, 52.5))
  })

  output$selection <- renderPrint({
    nearPoints(df, input$plot_click)
  })

  info <- reactive({

    t <- as.data.frame(nearPoints(df, input$plot_click))
    s <- t[1,4] …
Run Code Online (Sandbox Code Playgroud)

embed youtube video r shiny

4
推荐指数
1
解决办法
2418
查看次数

如何使 iframe 适应移动设备?

我正在尝试将 iframe 对象嵌入到我的 WordPress 网站的页面上。我可以嵌入 iframe,但是该对象会超出移动设备的屏幕。这是我要嵌入的 iframe

<div style="display:block;margin:0;padding:0;border:0;outline:0;font-size:10px!important;color:#AAA!important;vertical-align:baseline;background:transparent;width:1000px;">
  <iframe frameborder="0" height="1000" scrolling="no" src="https://secure.rightsignature.com/templates/7304f97a-bbbb-4dc7-b48d-6d6a5ac41b5c/template-signer-link/267cd399a88df2a2616ab109b61f7bb5" width="1000"></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

我尝试用 div 类包装上面的整个代码:

div class="right-signature"

然后使用我在另一篇论坛文章中找到的以下 CSS:

.right-signature {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
.right-signature iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
Run Code Online (Sandbox Code Playgroud)

但我没能成功地让它发挥作用。有谁知道我可以做些什么来使其适用于移动设备?

css embed wordpress iframe mobile

4
推荐指数
1
解决办法
3万
查看次数

使用本地文件作为嵌入 Discord.py 中的 set_thumbnail

我想发布一个带有缩略图的嵌入内容,以及我电脑上的本地文件。每当我尝试运行此代码时,图像都会发送到嵌入之外。

embedVar = discord.Embed(title="title",
                        description="desc.",
                         color=0X19A6FF)
file = discord.File("file_location/file.png", filename="image.png")
embedVar.set_thumbnail(url="attachment://file_location/file.png")
await message.channel.send(file=file, embed=embedVar)
Run Code Online (Sandbox Code Playgroud)

python embed image discord discord.py

4
推荐指数
1
解决办法
3990
查看次数

检查字体是否嵌入?

我可以在创建/ 时检查我是否使用实际字体?如果我指定一个非嵌入字体或使用任何随机字符串,则不显示任何文本,我不知道为什么.TextFormatTextField

import flash.display.Sprite;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;

public class SimpleSprite extends Sprite
{
    //[Embed(source="C:/Windows/Fonts/Arial.ttf",fontName="default_font",mimeType="application/x-font",fontWeight="normal",fontStyle="normal",advancedAntiAliasing="true",embedAsCFF="false")]
    //private static var defaultFont: String;

    public function SimpleSprite()
    {
        var t: TextField = new TextField;
        t.autoSize = TextFieldAutoSize.LEFT;
        t.defaultTextFormat = new TextFormat("default_font", 16, 0xff0000);
        t.embedFonts = true;
        t.text = "hello world";
        addChild(t);
    }
}
Run Code Online (Sandbox Code Playgroud)

缺少嵌入行时,它不显示任何文本.

重要提示:我创建TextFields的包没有嵌入任何内容,我希望保持这种方式.嵌入必须由使用该包的程序员完成.我想检查字体是否嵌入,如果没有则抛出错误.

embed flash fonts actionscript-3

3
推荐指数
1
解决办法
294
查看次数

WordPress自动嵌入YouTube视频 - 添加过滤器来处理`end`属性

WordPress会自动将页面/帖子内容中的YouTube网址转换为嵌入式iframe视频.

它尊重startYouTube网址中的参数(如果存在),但它不尊重end参数(如果存在).

因此,我需要找到处理这种自动YouTube嵌入功能的WordPress代码,以便我可以希望在我自己的过滤器中使用(使用此解决方案)将end满足要求.

我已经通过了搜查class-wp-embed.php,class-oembed.phpmedia.php在文件的/wp-includes/目录,并在后者,认为我找到了我所需要的代码...

apply_filters( 'wp_embed_handler_youtube', $embed, $attr, $url, $rawattr )

...但是这个过滤器似乎没有被调用.

谁能指出我正确的方向?

php embed youtube wordpress video

3
推荐指数
1
解决办法
1947
查看次数

标签 统计

embed ×10

html ×3

video ×3

fonts ×2

javascript ×2

wordpress ×2

youtube ×2

actionscript-3 ×1

ajax ×1

api ×1

css ×1

discord ×1

discord.py ×1

dom ×1

flash ×1

google-maps ×1

iframe ×1

image ×1

jquery ×1

mobile ×1

opera ×1

php ×1

python ×1

r ×1

shiny ×1

svg ×1

twitter ×1