Video inside Html content does not appear on flutterAdding HTML entities using CSS contentHTML/CSS image overlayAndroid get text from htmlWhy does HTML think “chucknorris” is a color?Cannot display HTML stringHow to stop embedded videos on my website from autoplayingHTML video tag display Youtube videoVideo header in HTML and CSSread TXT or list whole TXT on same folder using html
I agreed to cancel a long-planned vacation (with travel costs) due to project deadlines, but now the timeline has all changed again
What does this Pokemon Trainer mean by saying the player is "SHELLOS"?
What verb goes with "coup"?
Why didn't Caesar move against Sextus Pompey immediately after Munda?
Did NASA distinguish between the space shuttle cockpit and flight deck?
How to count the number of bytes in a file, grouping the same bytes?
Is there a word for the act of simultaneously pulling and twisting an object?
A quine of sorts
What would you need merely the term "collection" for pitches, but not "scale"?
Russian equivalents of 能骗就骗 (if you can cheat, then cheat)
Why will we fail creating a self sustaining off world colony?
Does "boire un jus" tend to mean "coffee" or "juice of fruit"?
Any Tips On Writing Extended Recollection In A Novel
Multiple tests with effects all in same direction but only few significant
Angle Between Two Vectors Facing A Point
Rear derailleur got caught in the spokes, what could be a root cause
Do electrons really perform instantaneous quantum leaps?
What is the meaning of "it" in "as luck would have it"?
Disk usage confusion: 10G missing on Linux home partition on SSD
Why didn't Avengers simply jump 5 years back?
What are the children of two Muggle-borns called?
Cat files in subfolders in order given by a list
Understanding the as-if rule, "the program was executed as written"
Why doesn't SpaceX land boosters in Africa?
Video inside Html content does not appear on flutter
Adding HTML entities using CSS contentHTML/CSS image overlayAndroid get text from htmlWhy does HTML think “chucknorris” is a color?Cannot display HTML stringHow to stop embedded videos on my website from autoplayingHTML video tag display Youtube videoVideo header in HTML and CSSread TXT or list whole TXT on same folder using html
I have HTML content which includes texts, images, and videos. The text and images work fine without any problems, but the videos never show up. I have tried many plugins regarding HTML, for example: flutter_html and flutter_html_view, and they all do not show the video.
Sample of the HTML content with video that I want to display:
<p>Hello world 25-3-2019 :</p>
<p> </p>
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>
Does anyone have an idea about displaying this content inside a widget?
html dart
flutter edited Mar 25 at 19:12
R. Duggan
5083 silver badges21 bronze badges
asked Mar 25 at 16:36
EmamEmam
137 bronze badges
|
show 3 more comments
I have HTML content which includes texts, images, and videos. The text and images work fine without any problems, but the videos never show up. I have tried many plugins regarding HTML, for example: flutter_html and flutter_html_view, and they all do not show the video.
Sample of the HTML content with video that I want to display:
<p>Hello world 25-3-2019 :</p>
<p> </p>
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>
Does anyone have an idea about displaying this content inside a widget?
html dart
flutter edited Mar 25 at 19:12
R. Duggan
5083 silver badges21 bronze badges
asked Mar 25 at 16:36
EmamEmam
137 bronze badges
If you copy & paste this code on, for example jsfiddle.net it works as expected and the video is shown. You must have more CSS/JS that prevents the video from displaying.
– cloned
Mar 25 at 16:42
I'm sorry I forget to mention that I'm displaying it on flutter 😅...I will edit the title
– Emam
Mar 25 at 16:54
What device are you using? Have you tried different devices?
– Tom Alabaster
Mar 25 at 17:19
@Tom Alabaster Yes I have tried different real devices and different android Emulators
– Emam
Mar 26 at 12:15
how about use string.indexOf to extract the src of the video, and play it using the video_player plugin, one of my app is using this technique to play videos in my App, But the src is from other websites.
– Kenneth Li
Mar 27 at 3:59
|
show 3 more comments
I have HTML content which includes texts, images, and videos. The text and images work fine without any problems, but the videos never show up. I have tried many plugins regarding HTML, for example: flutter_html and flutter_html_view, and they all do not show the video.
Sample of the HTML content with video that I want to display:
<p>Hello world 25-3-2019 :</p>
<p> </p>
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>
Does anyone have an idea about displaying this content inside a widget?
html dart
flutter edited Mar 25 at 19:12
R. Duggan
5083 silver badges21 bronze badges
asked Mar 25 at 16:36
EmamEmam
137 bronze badges
I have HTML content which includes texts, images, and videos. The text and images work fine without any problems, but the videos never show up. I have tried many plugins regarding HTML, for example: flutter_html and flutter_html_view, and they all do not show the video.
Sample of the HTML content with video that I want to display:
<p>Hello world 25-3-2019 :</p>
<p> </p>
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>
Does anyone have an idea about displaying this content inside a widget?
html dart
flutter html dart
flutter edited Mar 25 at 19:12
R. Duggan
5083 silver badges21 bronze badges
asked Mar 25 at 16:36
EmamEmam
137 bronze badges
edited Mar 25 at 19:12
R. Duggan
5083 silver badges21 bronze badges
asked Mar 25 at 16:36
EmamEmam
137 bronze badges
edited Mar 25 at 19:12
R. Duggan
5083 silver badges21 bronze badges
edited Mar 25 at 19:12
R. Duggan
5083 silver badges21 bronze badges
edited Mar 25 at 19:12
R. Duggan
5083 silver badges21 bronze badges
5083 silver badges21 bronze badges
asked Mar 25 at 16:36
EmamEmam
137 bronze badges
asked Mar 25 at 16:36
EmamEmam
137 bronze badges
asked Mar 25 at 16:36
EmamEmam
137 bronze badges
137 bronze badges
If you copy & paste this code on, for example jsfiddle.net it works as expected and the video is shown. You must have more CSS/JS that prevents the video from displaying.
– cloned
Mar 25 at 16:42
I'm sorry I forget to mention that I'm displaying it on flutter 😅...I will edit the title
– Emam
Mar 25 at 16:54
What device are you using? Have you tried different devices?
– Tom Alabaster
Mar 25 at 17:19
@Tom Alabaster Yes I have tried different real devices and different android Emulators
– Emam
Mar 26 at 12:15
how about use string.indexOf to extract the src of the video, and play it using the video_player plugin, one of my app is using this technique to play videos in my App, But the src is from other websites.
– Kenneth Li
Mar 27 at 3:59
|
show 3 more comments
If you copy & paste this code on, for example jsfiddle.net it works as expected and the video is shown. You must have more CSS/JS that prevents the video from displaying.
– cloned
Mar 25 at 16:42
I'm sorry I forget to mention that I'm displaying it on flutter 😅...I will edit the title
– Emam
Mar 25 at 16:54
What device are you using? Have you tried different devices?
– Tom Alabaster
Mar 25 at 17:19
@Tom Alabaster Yes I have tried different real devices and different android Emulators
– Emam
Mar 26 at 12:15
how about use string.indexOf to extract the src of the video, and play it using the video_player plugin, one of my app is using this technique to play videos in my App, But the src is from other websites.
– Kenneth Li
Mar 27 at 3:59
If you copy & paste this code on, for example jsfiddle.net it works as expected and the video is shown. You must have more CSS/JS that prevents the video from displaying.
– cloned
Mar 25 at 16:42
If you copy & paste this code on, for example jsfiddle.net it works as expected and the video is shown. You must have more CSS/JS that prevents the video from displaying.
– cloned
Mar 25 at 16:42
I'm sorry I forget to mention that I'm displaying it on flutter 😅...I will edit the title
– Emam
Mar 25 at 16:54
I'm sorry I forget to mention that I'm displaying it on flutter 😅...I will edit the title
– Emam
Mar 25 at 16:54
What device are you using? Have you tried different devices?
– Tom Alabaster
Mar 25 at 17:19
What device are you using? Have you tried different devices?
– Tom Alabaster
Mar 25 at 17:19
@Tom Alabaster Yes I have tried different real devices and different android Emulators
– Emam
Mar 26 at 12:15
@Tom Alabaster Yes I have tried different real devices and different android Emulators
– Emam
Mar 26 at 12:15
how about use string.indexOf to extract the src of the video, and play it using the video_player plugin, one of my app is using this technique to play videos in my App, But the src is from other websites.
– Kenneth Li
Mar 27 at 3:59
how about use string.indexOf to extract the src of the video, and play it using the video_player plugin, one of my app is using this technique to play videos in my App, But the src is from other websites.
– Kenneth Li
Mar 27 at 3:59
|
show 3 more comments
1 Answer
1
active
oldest
votes
I'm not sure if this will work for you but you can try the webview_flutter package. A warning though: it is currently in developers preview, and can be found here.
You can give the inline widget some html string to render, for example:
WebView(
initialUrl: new Uri.dataFromString("<p>Hello world 25-3-2019 :</p>
<p> </p
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>", mimeType: "text/html", encoding: utf8).toString(),
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (WebViewController webViewController)
_controller.complete(webViewController);
,
),
This code example does require you to pass it a controller: final Completer<WebViewController> _controller = Completer<WebViewController>(); and it is also safe practice to dispose of said controller when you are about to dispose the screen:
@override
void dispose()
super.dispose();
_controller.dispose();
Let me know if this helps.
answered Mar 25 at 17:54
R. DugganR. Duggan
5083 silver badges21 bronze badges
First of all thank for your help,but I have reached this point before but it is working as webview, not a normal widget.. besides I can not control the size of the text or the size of the video layout...basically I am displaying the content as web view without the option to change or enhance the style of it...is there any way to control or render the iframe inside the HTML on flutter?
– Emam
Mar 25 at 18:58
_controller does not regocnize dispoase on @override void dispose() super.dispose(); _controller.dispose();
– Emam
May 25 at 22:13
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55342515%2fvideo-inside-html-content-does-not-appear-on-flutter%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I'm not sure if this will work for you but you can try the webview_flutter package. A warning though: it is currently in developers preview, and can be found here.
You can give the inline widget some html string to render, for example:
WebView(
initialUrl: new Uri.dataFromString("<p>Hello world 25-3-2019 :</p>
<p> </p
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>", mimeType: "text/html", encoding: utf8).toString(),
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (WebViewController webViewController)
_controller.complete(webViewController);
,
),
This code example does require you to pass it a controller: final Completer<WebViewController> _controller = Completer<WebViewController>(); and it is also safe practice to dispose of said controller when you are about to dispose the screen:
@override
void dispose()
super.dispose();
_controller.dispose();
Let me know if this helps.
answered Mar 25 at 17:54
R. DugganR. Duggan
5083 silver badges21 bronze badges
First of all thank for your help,but I have reached this point before but it is working as webview, not a normal widget.. besides I can not control the size of the text or the size of the video layout...basically I am displaying the content as web view without the option to change or enhance the style of it...is there any way to control or render the iframe inside the HTML on flutter?
– Emam
Mar 25 at 18:58
_controller does not regocnize dispoase on @override void dispose() super.dispose(); _controller.dispose();
– Emam
May 25 at 22:13
add a comment |
I'm not sure if this will work for you but you can try the webview_flutter package. A warning though: it is currently in developers preview, and can be found here.
You can give the inline widget some html string to render, for example:
WebView(
initialUrl: new Uri.dataFromString("<p>Hello world 25-3-2019 :</p>
<p> </p
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>", mimeType: "text/html", encoding: utf8).toString(),
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (WebViewController webViewController)
_controller.complete(webViewController);
,
),
This code example does require you to pass it a controller: final Completer<WebViewController> _controller = Completer<WebViewController>(); and it is also safe practice to dispose of said controller when you are about to dispose the screen:
@override
void dispose()
super.dispose();
_controller.dispose();
Let me know if this helps.
answered Mar 25 at 17:54
R. DugganR. Duggan
5083 silver badges21 bronze badges
First of all thank for your help,but I have reached this point before but it is working as webview, not a normal widget.. besides I can not control the size of the text or the size of the video layout...basically I am displaying the content as web view without the option to change or enhance the style of it...is there any way to control or render the iframe inside the HTML on flutter?
– Emam
Mar 25 at 18:58
_controller does not regocnize dispoase on @override void dispose() super.dispose(); _controller.dispose();
– Emam
May 25 at 22:13
add a comment |
I'm not sure if this will work for you but you can try the webview_flutter package. A warning though: it is currently in developers preview, and can be found here.
You can give the inline widget some html string to render, for example:
WebView(
initialUrl: new Uri.dataFromString("<p>Hello world 25-3-2019 :</p>
<p> </p
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>", mimeType: "text/html", encoding: utf8).toString(),
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (WebViewController webViewController)
_controller.complete(webViewController);
,
),
This code example does require you to pass it a controller: final Completer<WebViewController> _controller = Completer<WebViewController>(); and it is also safe practice to dispose of said controller when you are about to dispose the screen:
@override
void dispose()
super.dispose();
_controller.dispose();
Let me know if this helps.
answered Mar 25 at 17:54
R. DugganR. Duggan
5083 silver badges21 bronze badges
I'm not sure if this will work for you but you can try the webview_flutter package. A warning though: it is currently in developers preview, and can be found here.
You can give the inline widget some html string to render, for example:
WebView(
initialUrl: new Uri.dataFromString("<p>Hello world 25-3-2019 :</p>
<p> </p
<p>
<iframe
src="https://www.youtube.com/embed/W8TrvLoPrfQ"
width="400"
height="300"
frameborder="0"></iframe>
</p>", mimeType: "text/html", encoding: utf8).toString(),
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (WebViewController webViewController)
_controller.complete(webViewController);
,
),
This code example does require you to pass it a controller: final Completer<WebViewController> _controller = Completer<WebViewController>(); and it is also safe practice to dispose of said controller when you are about to dispose the screen:
@override
void dispose()
super.dispose();
_controller.dispose();
Let me know if this helps.
answered Mar 25 at 17:54
R. DugganR. Duggan
5083 silver badges21 bronze badges
answered Mar 25 at 17:54
R. DugganR. Duggan
5083 silver badges21 bronze badges
answered Mar 25 at 17:54
R. DugganR. Duggan
5083 silver badges21 bronze badges
answered Mar 25 at 17:54
R. DugganR. Duggan
5083 silver badges21 bronze badges
5083 silver badges21 bronze badges
First of all thank for your help,but I have reached this point before but it is working as webview, not a normal widget.. besides I can not control the size of the text or the size of the video layout...basically I am displaying the content as web view without the option to change or enhance the style of it...is there any way to control or render the iframe inside the HTML on flutter?
– Emam
Mar 25 at 18:58
_controller does not regocnize dispoase on @override void dispose() super.dispose(); _controller.dispose();
– Emam
May 25 at 22:13
add a comment |
First of all thank for your help,but I have reached this point before but it is working as webview, not a normal widget.. besides I can not control the size of the text or the size of the video layout...basically I am displaying the content as web view without the option to change or enhance the style of it...is there any way to control or render the iframe inside the HTML on flutter?
– Emam
Mar 25 at 18:58
_controller does not regocnize dispoase on @override void dispose() super.dispose(); _controller.dispose();
– Emam
May 25 at 22:13
First of all thank for your help,but I have reached this point before but it is working as webview, not a normal widget.. besides I can not control the size of the text or the size of the video layout...basically I am displaying the content as web view without the option to change or enhance the style of it...is there any way to control or render the iframe inside the HTML on flutter?
– Emam
Mar 25 at 18:58
First of all thank for your help,but I have reached this point before but it is working as webview, not a normal widget.. besides I can not control the size of the text or the size of the video layout...basically I am displaying the content as web view without the option to change or enhance the style of it...is there any way to control or render the iframe inside the HTML on flutter?
– Emam
Mar 25 at 18:58
_controller does not regocnize dispoase on @override void dispose() super.dispose(); _controller.dispose();
– Emam
May 25 at 22:13
_controller does not regocnize dispoase on @override void dispose() super.dispose(); _controller.dispose();
– Emam
May 25 at 22:13
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55342515%2fvideo-inside-html-content-does-not-appear-on-flutter%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
If you copy & paste this code on, for example jsfiddle.net it works as expected and the video is shown. You must have more CSS/JS that prevents the video from displaying.
– cloned
Mar 25 at 16:42
I'm sorry I forget to mention that I'm displaying it on flutter 😅...I will edit the title
– Emam
Mar 25 at 16:54
What device are you using? Have you tried different devices?
– Tom Alabaster
Mar 25 at 17:19
@Tom Alabaster Yes I have tried different real devices and different android Emulators
– Emam
Mar 26 at 12:15
how about use string.indexOf to extract the src of the video, and play it using the video_player plugin, one of my app is using this technique to play videos in my App, But the src is from other websites.
– Kenneth Li
Mar 27 at 3:59