# عرض إدراج فيديو YouTube مقابل Vimeo

**URL:** https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565
**Category:** Feature
**Tags:** video
**Created:** [30 يونيو 2022، 1:02م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565 "2022-06-30T13:02:28Z")
**Posts on this page:** 19
**Page:** 1

<div class="post-metadata">

### Author: ![amberkhanna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/amberkhanna/32/261363_2.png) [@amberkhanna](https://meta.discourse.org/u/amberkhanna)
#### Post date: [30 يونيو 2022، 1:02م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/1 "2022-06-30T13:02:28Z")

</div>

لتضمين أي فيديو، نقوم ببساطة بلصق رابط الفيديو عند إنشاء موضوع.  
ولكن، لماذا عندما أقوم بتضمين فيديو يوتيوب (انظر أدناه) فإنه يمتد من طرف إلى طرف؟ بينما عندما أقوم بتضمين فيديو من فيميو، فإنه لا يمتد من طرف إلى طرف.

هل يمكن إصلاح هذا؟

لم أر أي فرق حتى لو قمت بتخصيص حجم الفيديو في كود تضمين فيميو. لا يزال الفيديو يعرض بنفس الطريقة مثل لصق رابط الفيديو.

في كلتا الحالتين، كل ما أفعله هو لصق عنوان URL للفيديو.

يوتيوب

![](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/b/e/1/be104f924f721cbd9b677715f2f620a0bb001654_2_690x388.jpeg)https://www.youtube.com/embed/i8_qpnhwssA?feature=oembed&wmode=opaque

فيميو

[https://vimeo.com/300660748](https://vimeo.com/300660748)

يبدو أنني لا أستطيع تضمين فيديو هنا. لذا إليك بعض لقطات الشاشة من مجتمعي. عرض فيديو فيميو أقصر من عرض فيديو يوتيوب. هل هناك طريقة لجعل فيديو فيميو يتوسع أيضًا إلى أقصى عرض مسموح به؟

> ![Screen Shot 2022-06-30 at 23.04.06](https://global.discourse-cdn.com/meta/original/4X/3/7/c/37c1fef5324935523001194a31dad81cb003774f.png)

> ![Screen Shot 2022-06-30 at 23.07.39](https://global.discourse-cdn.com/meta/original/4X/8/f/3/8f38d064350db63207518e1285cece63f4547b07.png)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [30 يونيو 2022، 3:49م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/2 "2022-06-30T15:49:20Z")

</div>

لدي طلب سحب (PR) لعناصر Vimeo بعرض كامل

> <https://github.com/discourse/discourse/pull/17289>

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/3/5/a35baa4fb173f73683c494800201c020b38d92ba.jpeg)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [30 يونيو 2022، 5:41م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/3 "2022-06-30T17:41:53Z")

</div>

اختبار

يوتيوب  
 ![](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/c/f/e/cfea6353bcac0018ad51eda0d88a788c854ddf15_2_690x388.jpeg)https://www.youtube.com/embed/hNIJH5gufaQ?feature=oembed&wmode=opaque

فيميو

[![](https://i.vimeocdn.com/video/1453886922-d48a3f816763eedde8c0a864dae2f722534623f96294e7ef9dc9218daec43062-d?f=webpion=us "On Running - Nicola's Spirit") ](https://vimeo.com/721894139)

---

<div class="post-metadata">

### Author: ![amberkhanna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/amberkhanna/32/261363_2.png) [@amberkhanna](https://meta.discourse.org/u/amberkhanna)
#### Post date: [30 يونيو 2022، 7:05م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/4 "2022-06-30T19:05:43Z")

</div>

مرحباً فالكو،  
أنا جديد على ديسكورس وليس لدي أي فكرة عما تعنيه “PR” (كما ذكرت، “لدي PR لعرض فيديوهات فايمو بعرض كامل”).

على الرغم من أنك أريتني اختبارًا يعمل الآن، فماذا علي أن أفعل لجعله يعمل؟ لأن فيديوهات فايمو في مجتمعي لا تزال لا تتوسع إلى عرض كامل.

ما زلت أحاول فهم ما فعلته للتو في هذا المنشور أعلاه. سأكون ممتنًا حقًا إذا كان بإمكانك إخباري بما أحتاج إلى القيام به لإصلاح هذا في مجتمعي. شكرًا

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [30 يونيو 2022، 7:16م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/5 "2022-06-30T19:16:22Z")

</div>

مرحباً آمبر،

PR تعني “طلب سحب” (pull request)، وتشير إلى GitHub. في الأساس، هذا يعني أن فالكو أجرى تغييرًا على كود Discourse، ويتطلع إلى مراجعة هذا التغيير قبل دمجه في Discourse.

سيتم تحديث موقع Discourse هذا، [meta.discourse.org](http://meta.discourse.org)، تلقائيًا مع كل تغيير يجريه أحد مهندسينا. لم يتم نشر موقعك تلقائيًا مثل هذا - نقوم بنشر التحديثات للعملاء على أساس منتظم، ولكن أقل تكرارًا. لقد بدأت بالفعل في نشر (تحديث) لموقعك. يجب أن يكتمل النشر في حوالي 30 دقيقة.

بمجرد اكتمال النشر، ستحتاج إلى إعادة بناء المنشور. للقيام بذلك، انقر فوق الزر “إظهار المزيد” أسفل المنشور، ثم انقر فوق مفتاح الربط الخاص بالمسؤول. أخيرًا، انقر فوق “إعادة بناء HTML”.

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/5/3/f53f6a4716af7a2ad659c52e3d3b65fce0692aa7.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/3/f/5/3f5feb6097aa87956e61e3a1e5ca241febd8c8fc.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/c/b/b/cbbfaa526cf8657bd9504f4d517a997593439f91.png)

---

<div class="post-metadata">

### Author: ![amberkhanna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/amberkhanna/32/261363_2.png) [@amberkhanna](https://meta.discourse.org/u/amberkhanna)
#### Post date: [30 يونيو 2022، 7:27م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/6 "2022-06-30T19:27:07Z")

</div>

فالكو،  
شكراً جزيلاً لك.

جوشوا، شكراً جزيلاً لك على توضيح كل شيء. أقدر ذلك.

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [1 يوليو 2022، 2:33م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/7 "2022-07-01T14:33:21Z")

</div>

مرحباً @Falco

هل هذا التغيير يعمل أيضاً مع تضمينات Vimeo الخاصة؟ (أي رابط المشغل مع `?h=<some identifier>` المرفق به)

---

<div class="post-metadata">

### Author: ![ClawdiaWolf](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/clawdiawolf/32/262518_2.png) [@ClawdiaWolf](https://meta.discourse.org/u/ClawdiaWolf)
#### Post date: [1 يوليو 2022، 2:55م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/8 "2022-07-01T14:55:40Z")

</div>

إذا كانت تعمل من قبل، فيجب أن تعمل مع هذا التغيير بالنظر إلى تغييرات التعليمات البرمجية في الالتزام. 🙂

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [1 يوليو 2022، 3:02م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/9 "2022-07-01T15:02:12Z")

</div>

إنهم يواجهون غرابة في حجم التضمين. حتى بعد هذا الالتزام، يظل حجم مقاطع الفيديو الخاصة صغيرًا. آمل أن تكون هناك طريقة لجعل تلك العروض كاملة العرض أيضًا؟

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [1 يوليو 2022، 3:04م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/10 "2022-07-01T15:04:34Z")

</div>

ليس لدي حساب Vimeo لإنشاء تلك الفيديوهات الخاصة لذا 🤷

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [11 سبتمبر 2022، 2:21م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/12 "2022-09-11T14:21:04Z")

</div>

أواجه هذه المشكلة أيضًا. أقوم بتشغيل Discourse 2.9.0.beta9 (56832adf17)

هذه مشكلة بشكل خاص على الشاشات الصغيرة (قم بتغيير حجم هذه الشاشة ويمكنك رؤية مدى صغر الشاشة الثانية - التي تم تضمينها في OneBox -).

* * *

هذا هو الرابط بما في ذلك المشغل في عنوان URL… (هذا لا يتقلص على الشاشات الأصغر، ولكني لا أستطيع توسيطه أيضًا.)

```plaintext
https://player.vimeo.com/video/743344591

```

https://player.vimeo.com/video/743344591?app_id=122963

* * *

والذي بالأسفل هنا تم تضمينه في OneBox… (هذا يتقلص ويصبح صغيرًا جدًا على أحجام الشاشات الأصغر.)

```plaintext
https://vimeo.com/743344591

```

[![](https://i.vimeocdn.com/video/1495429537-5f25f276a7d8c9a0eb2395d8af8282f1b02c29d25b5867df4a9dc9b5860145a4-d?f=webpion=us "Gloria") ](https://vimeo.com/743344591)

---

<div class="post-metadata">

### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [17 فبراير 2023، 1:39م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/13 "2023-02-17T13:39:05Z")

</div>

إذًا هذا مقبول؟ كيف يمكن أن يكون من الممكن أن [دمج](https://github.com/discourse/discourse/pull/17289) لن يؤثر على نسختنا؟

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/e/c/eec5036cf1a5e186c9a41c3a1b33b61edb6b09cc.png)

ربما فاتني شيء ما 🙂

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [17 فبراير 2023، 1:41م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/14 "2023-02-17T13:41:08Z")

</div>

كيف تم نشر ذلك؟ هل يمكنك مشاركة المنشور الخام؟

---

<div class="post-metadata">

### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [17 فبراير 2023، 1:44م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/15 "2023-02-17T13:44:35Z")

</div>

أقوم بإجراء بعض الاختبارات لأننا بدأنا في مشاركة بعض مقاطع الفيديو من Vimeo في مجتمع Discourse الخاص بنا. إليك النص الأصلي:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/f/e/0fe1fa9bea8f2b57678a8a64dab4e116a6b4d41e.png)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [17 فبراير 2023، 2:38م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/16 "2023-02-17T14:38:14Z")

</div>

اختبار

`https://vimeo.com/channels/staffpicks/353070045`

https://player.vimeo.com/video/353070045?app_id=122963

مقابل

`https://vimeo.com/353070045`

[![](https://i.vimeocdn.com/video/805131333-88d8540b08d6ee47f3f55df8dfddc65d1e981e67075d9ec333c72c9374659644-d?f=webpion=us "GIFs") ](https://vimeo.com/353070045)

نحن لا نتعرف على تنسيق عنوان URL الذي استخدمته، لذلك يتم استخدامه بدلاً من رمز onebox العام بدلاً من رمز Vimeo الخاص.

---

<div class="post-metadata">

### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [17 فبراير 2023، 3:21م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/17 "2023-02-17T15:21:38Z")

</div>

شكرًا لك لأنني استخدمت رابطًا شاركه جيف قبل بضع سنوات. لذا شكرًا لك لأن الأمر أصبح أفضل الآن!

_(لكن) لماذا ليس بعرض كامل؟_ لا يزال ثابتًا 😢

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [17 فبراير 2023، 3:41م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/18 "2023-02-17T15:41:13Z")

</div>

> [@satonotdead](#):
>
> لماذا ليس العرض الكامل؟

لأنها مقاطع فيديو بنسبة عرض إلى ارتفاع 4:3.

---

<div class="post-metadata">

### Author: ![Joshua\_Lyon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joshua_lyon/32/117236_2.png) [@Joshua\_Lyon](https://meta.discourse.org/u/Joshua_Lyon)
#### Post date: [22 سبتمبر 2023، 9:58م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/19 "2023-09-22T21:58:20Z")

</div>

> [@Falco](#):
>
> لدي PR لـ vimeo oneboxes بعرض كامل  
> [FEATURE: Use full post width for Vimeo embeds by xfalcox · Pull Request #17289 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/17289)

لماذا لا يتم تطبيق هذا المنطق نفسه على _أي_ مصدر OneBox يحدد صراحةً ارتفاعه وعرضه ويتم تضمينه في النهاية عبر iframe؟

* * *

**الأفكار والنهج**  
من الناحية النظرية، إذا كان لدينا بالفعل الارتفاع/العرض الصريح ويتم تحديده في iframe، يمكن استخدام نفس النهج العام مع تحديد نسبة العرض إلى الارتفاع لجعل الأمور قابلة للتطوير بشكل عام.

على سبيل المثال، أقوم بتضمين المزيد والمزيد من عروض الفيديو في مجتمعنا، لذا تحولت إلى [Bunny.net](http://Bunny.net)، المعروفة بشبكة توصيل المحتوى الخاصة بها، وخدمة Bunny Stream الخاصة بها لتحميل وتضمين مقاطع الفيديو.

بعد إضافة `video.bunnycdn.com` و `iframe.mediadelivery.net` إلى إعدادات iframe المسموح بها، يمكنني بسهولة لصق عنوان URL من Bunny Stream ويتم تحويله إلى OneBox باستخدام إحدى الطرق الاحتياطية العامة… **ولكن** نسبة العرض إلى الارتفاع تصبح غريبة حقًا عند عرضها على جهاز محمول. 😕

كحل سريع، قمت بكتابة مكون سمة بسيط يستخدم واجهة برمجة تطبيقات المكون الإضافي و `decorateCookedElement` لتحديث iframe بمعلومات نسبة العرض إلى الارتفاع.

> **[GitHub - joshualyon/discourse-bunny-box: OneBox formatting for Bunny.net stream embeds](https://github.com/joshualyon/discourse-bunny-box)**
>
> OneBox formatting for Bunny.net stream embeds

---

<div class="post-metadata">

### Author: ![ludwikc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ludwikc/32/438823_2.png) [@ludwikc](https://meta.discourse.org/u/ludwikc)
#### Post date: [4 سبتمبر 2024، 6:02م UTC](https://meta.discourse.org/t/youtube-vs-vimeo-video-embed-width/231565/20 "2024-09-04T18:02:29Z")

</div>

هل لدينا أي تحديثات حول هذا؟

تزداد شعبية [Bunny.net](http://Bunny.net) بفضل جودة وسرعة خدماتها.

هل يمكننا تضمين مقاطع الفيديو التي يتم بثها عبر Bunny على Discourse حتى الآن؟