আমি কি আইফোন বা অ্যান্ড্রয়েডের এইচটিএমএল 5 সহ দেশীয় ফুলস্ক্রিন ভিডিও প্লেয়ার এড়াতে পারি?


130

আমি এমন একটি ওয়েব অ্যাপ তৈরি করেছি যা এইচটিএমএল 5 ট্যাগ এবং জাভাস্ক্রিপ্ট কোড ব্যবহার করে যা চলমান ভিডিওর সাথে সিঙ্ক্রোনাইজ হওয়া অন্যান্য সামগ্রীকে রেন্ডার করে। এটি ডেস্কটপ ব্রাউজারগুলিতে দুর্দান্ত কাজ করে: ফায়ারফক্স, ক্রোম এবং সাফারি। একটি আইফোন বা একটি ড্রয়েডএক্স এ, নেটিভ ভিডিও প্লেয়ার পপ আপ হয় এবং স্ক্রিনটি ধরে রাখে, এইভাবে আমি অন্যান্য গতিশীল বিষয়বস্তুগুলিকে অস্পষ্ট করে যা আমি ভিডিওটির সাথে একসাথে প্রদর্শন করতে চাই।

এই কাছাকাছি কোন উপায় আছে? যদি প্রয়োজন হয় তবে আমি উভয় প্ল্যাটফর্মের জন্য নেটিভ অ্যাপ্লিকেশনগুলি কীভাবে লিখব তা নির্ধারণ করব, তবে আমি যদি এইচটিএমএল 5 / জাভাস্ক্রিপ্টের সাথে লেগে থাকতে পারি তবে এটি আমার প্রচুর পরিশ্রম বাঁচাতে পারে।


1
আসলে, আইওএস এবং অ্যান্ড্রয়েড উভয় ক্ষেত্রেই / ভি প্লেয়ারগুলির ব্রাউজার বাস্তবায়ন হ'ল নরকের মতো বগি। পৃষ্ঠায় বেশ কয়েকটি খেলোয়াড় চেষ্টা করুন বা তাদের স্টাইলিশ নিয়ন্ত্রণ যুক্ত করার চেষ্টা করুন এবং আপনি দেখতে পাবেন - এটি অকার্যকর। সুতরাং, ভিডিও প্লে করার জন্য সম্ভবত বাহ্যিক ফুলস্ক্রিন অ্যাপ্লিকেশন - খুব খারাপ নয়;)
tuxSlayer

1
আমি প্রতিবারই অ্যাপল ডিভাইসগুলি আমার সামগ্রীগুলি নিয়মিতভাবে উপস্থাপন করার সময় খুশি। আমি এটি উদযাপন করতে ব্যবহার করি।
অ্যান্ডারস লিন্ডন

প্রযুক্তিগতভাবে না, তবে এমন একটি দুটি গ্রন্থাগার রয়েছে যা এটি সম্ভব করে তোলে, যেমন আইফোন-ইনলাইন-ভিডিও (প্রকাশ: আমি এটি লিখেছি)
ফ্র্যাংটা

উত্তর:


74

আইওএস 10+ এ

অ্যাপল playsinlineআইওএস 10 এ সমস্ত ব্রাউজারগুলিতে বৈশিষ্ট্যটি সক্ষম করেছে , সুতরাং এটি নির্বিঘ্নে কাজ করে:

<video src="file.mp4" playsinline>

আইওএস 8 এবং আইওএস 9 এ

সংক্ষিপ্ত উত্তর: আইফোন-ইনলাইন-ভিডিও ব্যবহার করুন , এটি ইনলাইন প্লেব্যাক সক্ষম করে এবং অডিও সিঙ্ক করে।

দীর্ঘ উত্তর: আপনি ভিডিওটি আসলে 'আইং'র পরিবর্তে স্কিম করে প্লেব্যাকের অনুকরণ করে এই সমস্যাটি নিয়ে কাজ করতে পারেন .play()


এটি ক্যাপটিভ নেটওয়ার্ক অ্যাসিস্ট্যান্টে (ক্যাপটিভ পোর্টাল) কাজ করে না
ডোমিনিক ভোগ

54

আইওএস ওয়েব ব্রাউজারে লাইন মিডিয়া প্লেব্যাক সক্ষম করে / অক্ষম করে এমন একটি সম্পত্তি রয়েছে (আপনি যদি কোনও নেটিভ অ্যাপ্লিকেশন লিখছিলেন তবে এটি allowsInlineMediaPlaybackকোনও ইউআইবিউব ভিউয়ের সম্পত্তি হবে )। আইফোনে ডিফল্টরূপে এটি সেট করা আছে NOতবে আইপ্যাডে এটি সেট করা আছে YES

ভাগ্যক্রমে আপনার জন্য, আপনি এইচটিএমএলে এই আচরণটি সামঞ্জস্য করতে পারেন:

<video id="myVideo" width="280" height="140" webkit-playsinline>

... আশা করি এটি আপনার জন্য বাছাই করা উচিত। আমি জানি না এটি আপনার অ্যান্ড্রয়েড ডিভাইসে কাজ করবে কিনা। এটি একটি ওয়েবকিট সম্পত্তি, তাই এটি হতে পারে। যাই হোক না কেন, মূল্যবান।


25
পরামর্শের জন্য ধন্যবাদ. দুর্ভাগ্যক্রমে, আমি যে আচরণটি দেখছি তা পরিবর্তন করে নি - পূর্ণ-পর্দার নেটিভ ভিডিও প্লেয়ারগুলি আইফোন এবং ড্রয়েডএক্স উভয়ই পপ আপ করে।
AlpineCarver

5
আমারও এই সমস্যা হচ্ছে। আমি ওয়েবকিট-প্লেইনসাইনলাইন এবং এমনকি ওয়েবকিট-প্লেইনলাইন = "ওয়েবকিট-প্লেইনসাইনলাইন" এর এক্সএমএল বৈধতা প্রাপ্ত সংস্করণ যুক্ত করেছি, তবে আচরণটি পরিবর্তন করি না
মাইকে ক্ল্যাগ

7
ওয়েব ভিউ ইনলাইন ভিডিও প্লেব্যাকের অনুমতি দেয় না বলে এটি আইফোনটির জন্য সাফারিতে কাজ করতে পারে না। তবে, ওয়েবপৃষ্ঠাটি আপনার নিজস্ব ইউআইউইউবভিউয়ের মধ্যে আপনার নিজের অ্যাপের মধ্যে হোস্ট করা থাকলে আপনি এই বৈশিষ্ট্যগুলি সেট করতে পারেন এবং ইনলাইন ভিডিও প্লেব্যাক করা সম্ভব হবে: ওয়েবভিউ.ইলজইনলাইনমিডিয়াপ্লেব্যাক = হ্যাঁ; webview.mediaPlaybackRequiresUserAction = NO;
উইলস্টার 17

14
এটি কর্ডোভা / ফোনগ্যাপেও কাজ করে। কর্ডোভা প্রকল্পে আপনার কনফিগার.এক্সএমএলটিতে কেবল নিম্নলিখিতটি যুক্ত করুন:<preference name="AllowInlineMediaPlayback" value="true" />
মিঃ টিএ

3
<প্রিফারেন্স নাম = "AllowInlineMediaPlayback" মান = "সত্য" /> দুর্দান্ত! এটি আমার আইফোনে কাজ করে। অনেক ধন্যবাদ.
sirius2013

41

পুরানো উত্তর (২০১ till অবধি প্রযোজ্য)

এখানে একটি অ্যাপল বিকাশকারী লিঙ্ক যা স্পষ্টভাবে বলেছে যে -

আইফোন এবং আইপড স্পর্শে, যা ছোট পর্দার ডিভাইস, " ওয়েব পৃষ্ঠার মধ্যে ভিডিও উপস্থাপন করা হয় না "

সাফারি ডিভাইস-নির্দিষ্ট বিবেচনা

আপনার বিকল্পগুলি :

  • webkit-playsinlineIOS এ HTML5 ভিডিওগুলি কিন্তু অ্যাট্রিবিউট কাজ শুধুমাত্র যখন আপনি একটি ওয়েব অ্যাপ্লিকেশনটি হিসাবে আপনার হোম স্ক্রীনে ওয়েবপেজ সংরক্ষণ - যদি না একটি পৃষ্ঠায় সাফারি খোলা
  • একটি নেটিভ (অথবা এইচটিএমএল, সিএসএস, জাতীয় সঙ্গে একটি সংকর অ্যাপ্লিকেশন) কোনো ওয়েবদর্শন সঙ্গে অ্যাপের জন্য UIWebViewভিডিও ইনলাইন খেলতে পারবেন, কিন্তু শুধুমাত্র যদি আপনি নির্ধারণ allowsInlineMediaPlaybackসম্পত্তি জন্য UIWebViewসত্যতে বর্গ

1
গৃহীত উত্তরে আমার মন্তব্যগুলি দেখুন। কর্ডোভার জন্য আইসিওয়াইএমআই, আপনার কনফিগার.এক্সএমএলে নিম্নলিখিতটি যুক্ত করুন:<preference name="AllowInlineMediaPlayback" value="true" />
মিঃ টিএ

ইউটিউব.কম-এ এটি পূর্ণ স্ক্রিন ছাড়াই খেলবে
অ্যান্টনি

উত্তরটি পুরানো, ২০১৪, এবং জিনিসগুলি পরিবর্তিত হতে পারে। এছাড়াও, ইউটিউব.কম কোনও উত্তরে ওয়েবভিউ সহ কোনও অ্যাপ্লিকেশন নয় । যদিও লক্ষ্য করার জন্য ধন্যবাদ।
কিংজুলিয়ান

18

আইওএস 10 বিটাতে 4. এইচটিএমএল 5 এর সঠিক কোডটি

<video src="file.mp4" webkit-playsinline="true" playsinline="true">

webkit-playsinlineআইওএস <10 এর playsinlineজন্য এবং আইওএস> = 10 এর জন্য

Https://webkit.org/blog/6784/new-video-polferences-for-ios/ এর মাধ্যমে বিশদটি দেখুন


11

এই পৃষ্ঠাটি অনুসারে https://developer.apple.com/library/archive/docamentation/AppleApplications/References/SafariH HTMLRef/Articles/Attributes.html এটি কেবল তখনই উপলভ্য হয় (কেবলমাত্র ইউআইউইউভিউভিউতে সক্ষম করা হবে অনুমতিপ্রাপ্ত ইন্ডিউলমিডিয়া প্ল্যাব্যাক সম্পত্তিটি YES এ সেট করা আছে)। ) আমি মোবাইল সাফারিতে বুঝতে পারি এটি হ্যাঁ আইপ্যাডে হ্যাঁ এবং আইফোন এবং আইপড টাচ-তে কোনও নয়।


4
মনে হয় এটি কেবল তখনই কাজ করবে যদি আপনি কোনও নেটিভ আইওএস অ্যাপ্লিকেশনটিকে "লাইভের মধ্যে" রাখতে এইচটিএমএল 5 প্লেয়ার পৃষ্ঠা সেট আপ করে থাকেন। এটি অবশ্যই একটি সরল ওল 'ওয়েবপৃষ্ঠায় কাজ করে না।
natlee75

9

আমি অ্যান্ড্রয়েড সম্পর্কে জানি না, তবে আইফোন বা আইপড স্পর্শে থাকা সাফারি ছোট পর্দার আকারের কারণে সমস্ত ভিডিও পূর্ণ পর্দায় খেলবে। আইপ্যাডে এটি পৃষ্ঠায় ভিডিওটি প্লে করবে তবে ব্যবহারকারীকে এটির পূর্ণ স্ক্রিন তৈরি করতে দেয়।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.