如何讓Vimeo鏈接與嵌入式iframe一起工作

Question

我正在一個用戶可以發佈Vimeo視頻的網站上工作。當用戶在表單中輸入視頻網址時，視頻應顯示在Vimeo嵌入式iframe播放器中。

我希望用戶能夠發佈通用網址，如

https://vimeo.com/pagefilms/void1 

但是，它好像在Vimeo的嵌入式播放器需要專爲播放器格式的URL，例如

https://player.vimeo.com/video/204420014 

有沒有人將通用格式的Vimeo網址嵌入到網頁中取得成功？

這裏是我的代碼：

<?php 
if(isset($video2)){ 
    echo '<h3>Video 2</h3>' 
?> 
    <p class="video text-center"> 

<?php 
     echo '<iframe src="' . $video2 . '" width="640" height="360" 
     frameborder="0" webkitallowfullscreen mozallowfullscreen 
     allowfullscreen></iframe>'; 
?> 
    </p> 
<?php 
} 
?> 

Answer 1

你可能想嘗試做一個透過oEmbed請求自定義網址，以獲取嵌入代碼。提出請求的例子，當你提供：

https://vimeo.com/api/oembed.json?url=https://vimeo.com/pagefilms/void1 

你會得到這個回：

{ 
    "type": "video", 
    "version": "1.0", 
    "provider_name": "Vimeo", 
    "provider_url": "https://vimeo.com/", 
    "title": "ReflectionVOID", 
    "author_name": "Page Films", 
    "author_url": "https://vimeo.com/pagefilms", 
    "is_plus": "1", 
    "html": "<iframe src=\"https://player.vimeo.com/video/204420014\" width=\"640\" height=\"272\" frameborder=\"0\" title=\"ReflectionVOID\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>", 
    "width": 640, 
    "height": 272, 
    "duration": 345, 
    "description": "*Recommended: dark viewing environment/4K or HD resolution/quality sound\n\nReflectionVOID\nA short film by Lance Page\nOriginal music by Lorn\n\nAfter dusk in the high desert, as the sky quickly darkens, a lone hiker stumbles across a window into another world. As the man approaches the portal, he is met with his own reflection and we suddenly sink into the ReflectionVOID.\n\nIn the VOID, scattered portals reflect star patterns against deep black skies. The stars sing to us, but the relentless nature of the high desert reminds us of our mortality. The razor sharp cactus blades and the cold jagged rock formations threaten our fragile bodies. The portals allow us a deeper perspective, they show us the Universe as we reach into our souls for cosmic significance. As we sink deeper into the unknown, we’re met with a tall human-like figure, a mysterious desert dweller with a purpose and a message.\n\n\nWatch our behind the scenes documentary for more:\n\n There Will Be Portals: Making of ReflectionVOID\nhttps://vimeo.com/pagefilms/void1bts\n\nA Page Films/Cinematic Syndicate Production\nProduced by Lance Page and Jesse Andrew Clark\nwww.pagefilms.com\nwww.cinematicsyndicate.com\n\nOriginal Music by Lorn\nhttps://lorn.bandcamp.com/\n\nGear and production support:\n\neMotimo\nhttp://emotimo.com\nVizual Jockey\nhttp://www.vizualjockey.com\nRefraction Film Company San Diego\nhttps://www.refractionfilm.com\nAlpine Labs\nhttps://alpinelaboratories.com", 
    "thumbnail_url": "https://i.vimeocdn.com/video/621081707_640.jpg", 
    "thumbnail_width": 640, 
    "thumbnail_height": 272, 
    "thumbnail_url_with_play_button": "https://i.vimeocdn.com/filter/overlay?src0=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F621081707_640.jpg&src1=http%3A%2F%2Ff.vimeocdn.com%2Fp%2Fimages%2Fcrawler_play.png", 
    "upload_date": "2017-02-16 15:03:43", 
    "video_id": 204420014, 
    "uri": "/videos/204420014" 
} 

這種方式是首選，因爲你會得到整個嵌入代碼，而不是建設自己嵌入代碼。您還可以向請求中添加參數，以添加所需iframe的首選高度/寬度。對於Vimeo的公司透過oEmbed響應文件可以在這裏找到：

https://developer.vimeo.com/apis/oembed