Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何从HTML播放Facebook视频?_Css_Html_Facebook_Video - Fatal编程技术网

Css 如何从HTML播放Facebook视频?

Css 如何从HTML播放Facebook视频?,css,html,facebook,video,Css,Html,Facebook,Video,我读过很多关于如何在HTML文档中添加视频的帖子、论坛、博客帖子,但我仍然无法找到如何在HTML文档中添加Facebook视频 如果用Youtube视频URL替换Facebook URL,效果很好,但我想在HTML文档中添加Facebook视频 我已经写了以下代码,请检查并指导我如何播放facebook视频 <html> <head> </head> <body> VIDEO <iframe width="420" hei

我读过很多关于如何在HTML文档中添加视频的帖子、论坛、博客帖子,但我仍然无法找到如何在HTML文档中添加Facebook视频

如果用Youtube视频URL替换Facebook URL,效果很好,但我想在HTML文档中添加Facebook视频

我已经写了以下代码,请检查并指导我如何播放facebook视频

<html>
<head>
</head>

<body>

    VIDEO

   <iframe width="420" height="345"
    src="https://www.facebook.com/photo.php?v=600199933404165">
    </iframe>

</body>

</html>

视频

嗯,您的html代码将显示整个页面,而不仅仅是视频。 要获取视频,请右键单击视频顶部,然后按inspect element,然后查找类似的内容

<embed type="application/x-shockwave-flash" src="https://fbstatic-a.akamaihd.net/rsrc.php/v1/y3/r/QOs3-Yl0Nl1.swf" width="720" height="405" style="display: block;" id="swf_id_53a9595077b449a57484665" name="swf_id_53a9595077b449a57484665" bgcolor="#000000" quality="high" allowfullscreen="true" allowscriptaccess="always" salign="tl" scale="noscale" wmode="opaque" flashvars="params=%7B%22autoplay%22%3Afalse%2C%22autoplay_reason%22%3A%22unknown%22%2C%22autoplay_setting%22%3A%22on%22%2C%22autorewind%22%3Atrue%2C%22default_hd%22%3Atrue%2C%22dtsg%22%3A%22AQEdKr9u4iLr%22%2C%22inline_player%22%3Afalse%2C%22lsd%22%3Anull%2C%22min_progress_update%22%3A300%2C%22pixel_ratio%22%3A1%2C%22player_origin%22%3A%22photos%22%2C%22preload%22%3Afalse%2C%22source%22%3A%22permalink%22%2C%22start_index%22%3A0%2C%22start_muted%22%3Afalse%2C%22use_spotlight%22%3Afalse%2C%22video_data%22%3A%5B%7B%22hd_src%22%3A%22https%3A%5C%2F%5C%2Ffbcdn-video-a.akamaihd.net%5C%2Fhvideo-ak-xpa1%5C%2Fv%5C%2Ft43.1792-2%5C%2F1910863_600357540055071_202972839_n.mp4%3Foh%3Dfd5af14569a239d747883823e8797cae%26oe%3D53A9728C%26__gda__%3D1403614518_4f21777535dfcf20c41f43b5004c4af5%22%2C%22is_hds%22%3Afalse%2C%22index%22%3A0%2C%22rotation%22%3A0%2C%22sd_src%22%3A%22https%3A%5C%2F%5C%2Ffbcdn-video-a.akamaihd.net%5C%2Fhvideo-ak-xap1%5C%2Fv%5C%2Ft42.1790-2%5C%2F10008102_600357536721738_1444190974_n.mp4%3Foh%3Da3aed71685504c4cae1ccfbdc8ae840e%26oe%3D53A97633%26__gda__%3D1403614888_e138a4b8bc770d678391d1af0ba31da4%22%2C%22thumbnail_src%22%3A%22https%3A%5C%2F%5C%2Ffbcdn-vthumb-a.akamaihd.net%5C%2Fhvthumb-ak-xap1%5C%2Ft15.0-10%5C%2F1940447_600357590055066_600199933404165_56479_2145_b.jpg%22%2C%22thumbnail_height%22%3A720%2C%22thumbnail_width%22%3A1280%2C%22video_duration%22%3A182%2C%22video_id%22%3A%22600199933404165%22%2C%22subtitles_src%22%3Anull%7D%5D%2C%22show_captions%22%3Afalse%7D&amp;width=720&amp;height=405&amp;user=100002092438880&amp;log=no&amp;div_id=id_53a9595077b449a57484665&amp;swf_id=swf_id_53a9595077b449a57484665&amp;browser=Chrome+35.0.1916.153&amp;tracking_domain=https%3A%2F%2Fpixel.facebook.com&amp;post_form_id=&amp;string_table=https%3A%2F%2Fs-static.ak.facebook.com%2Fflash_strings.php%2Ft97472%2Fen_US"> 

然后将其添加到您的页面上

<html>
<head>
</head>

<body>

    VIDEO



    <embed type="application/x-shockwave-flash" src="https://fbstatic-a.akamaihd.net/rsrc.php/v1/y3/r/QOs3-Yl0Nl1.swf" width="720" height="405" style="display: block;" id="swf_id_53a9595077b449a57484665" name="swf_id_53a9595077b449a57484665" bgcolor="#000000" quality="high" allowfullscreen="true" allowscriptaccess="always" salign="tl" scale="noscale" wmode="opaque" flashvars="params=%7B%22autoplay%22%3Afalse%2C%22autoplay_reason%22%3A%22unknown%22%2C%22autoplay_setting%22%3A%22on%22%2C%22autorewind%22%3Atrue%2C%22default_hd%22%3Atrue%2C%22dtsg%22%3A%22AQEdKr9u4iLr%22%2C%22inline_player%22%3Afalse%2C%22lsd%22%3Anull%2C%22min_progress_update%22%3A300%2C%22pixel_ratio%22%3A1%2C%22player_origin%22%3A%22photos%22%2C%22preload%22%3Afalse%2C%22source%22%3A%22permalink%22%2C%22start_index%22%3A0%2C%22start_muted%22%3Afalse%2C%22use_spotlight%22%3Afalse%2C%22video_data%22%3A%5B%7B%22hd_src%22%3A%22https%3A%5C%2F%5C%2Ffbcdn-video-a.akamaihd.net%5C%2Fhvideo-ak-xpa1%5C%2Fv%5C%2Ft43.1792-2%5C%2F1910863_600357540055071_202972839_n.mp4%3Foh%3Dfd5af14569a239d747883823e8797cae%26oe%3D53A9728C%26__gda__%3D1403614518_4f21777535dfcf20c41f43b5004c4af5%22%2C%22is_hds%22%3Afalse%2C%22index%22%3A0%2C%22rotation%22%3A0%2C%22sd_src%22%3A%22https%3A%5C%2F%5C%2Ffbcdn-video-a.akamaihd.net%5C%2Fhvideo-ak-xap1%5C%2Fv%5C%2Ft42.1790-2%5C%2F10008102_600357536721738_1444190974_n.mp4%3Foh%3Da3aed71685504c4cae1ccfbdc8ae840e%26oe%3D53A97633%26__gda__%3D1403614888_e138a4b8bc770d678391d1af0ba31da4%22%2C%22thumbnail_src%22%3A%22https%3A%5C%2F%5C%2Ffbcdn-vthumb-a.akamaihd.net%5C%2Fhvthumb-ak-xap1%5C%2Ft15.0-10%5C%2F1940447_600357590055066_600199933404165_56479_2145_b.jpg%22%2C%22thumbnail_height%22%3A720%2C%22thumbnail_width%22%3A1280%2C%22video_duration%22%3A182%2C%22video_id%22%3A%22600199933404165%22%2C%22subtitles_src%22%3Anull%7D%5D%2C%22show_captions%22%3Afalse%7D&amp;width=720&amp;height=405&amp;user=100002092438880&amp;log=no&amp;div_id=id_53a9595077b449a57484665&amp;swf_id=swf_id_53a9595077b449a57484665&amp;browser=Chrome+35.0.1916.153&amp;tracking_domain=https%3A%2F%2Fpixel.facebook.com&amp;post_form_id=&amp;string_table=https%3A%2F%2Fs-static.ak.facebook.com%2Fflash_strings.php%2Ft97472%2Fen_US">

</body>

</html>

视频
复制并粘贴它。这将显示facebook视频


PS:上面的代码显示您正在查找的视频

-

作为响应,您将在
source
中获得实际的视频源。只需将它与您的
iframe
一起使用即可-

<iframe src="{source}"></iframe>

我发现了一篇关于Facebook嵌入视频的有趣文章。它工作得很好

<object width="400" height="224" > 
 <param name="allowfullscreen" value="true" /> 
 <param name="allowscriptaccess" value="always" /> 
 <param name="movie" value="http://www.facebook.com/v/xxx" /> 
 <embed src="http://www.facebook.com/v/xxx" type="application/x-shockwave-flash"  
   allowscriptaccess="always" allowfullscreen="true" width="400" height="224"> 
 </embed> 
</object> 

链接值:- 例如:

<object width="400" height="224" > 
 <param name="allowfullscreen" value="true" /> 
 <param name="allowscriptaccess" value="always" /> 
 <param name="movie" value="http://www.facebook.com/v/xxx" /> 
 <embed src="http://www.facebook.com/v/xxx" type="application/x-shockwave-flash"  
   allowscriptaccess="always" allowfullscreen="true" width="400" height="224"> 
 </embed> 
</object>